冲着星际争霸四个字顶!!<body topmargin=0 leftmargin=0>
<img src=1.jpg id="bimg">
<div id="sdiv" style="position:absolute;top:0;left:0"><img id="simg" src=1.jpg width=150 onclick="clk(this);"></div>
<script>
document.body.onscroll=function(){
sdiv.style.top=document.body.scrollTop;
sdiv.style.left=document.body.scrollLeft;
}
//
var bimgH=bimg.height;
var bimgW=bimg.width;
var simgH=150;
var simgW=simg.height;
function clk(obj)
{
document.body.scrollLeft=event.offsetX/simgW*bimgW;
document.body.scrollTop=event.offsetY/simgH*bimgH;
}
</script>
</body>
<img src=1.jpg id="bimg">
<div id="sdiv" style="position:absolute;top:0;left:0"><img id="simg" src=1.jpg width=150 onclick="clk(this);"></div>
<script>
document.body.onscroll=function(){
sdiv.style.top=document.body.scrollTop;
sdiv.style.left=document.body.scrollLeft;
}
//
var bimgH=bimg.height;
var bimgW=bimg.width;
var simgH=150;
var simgW=simg.height;
function clk(obj)
{
document.body.scrollLeft=event.offsetX/simgW*bimgW;
document.body.scrollTop=event.offsetY/simgH*bimgH;
}
</script>
</body>
解决方案 »
- 两个js冲突了 谁帮忙看下
- 在ie6下gif动画动一段时间就不动了
- 请教下:html语言中 frame的src属性的值为" "和"#"有差异么?
- 又到周末了!问个问题就下班。
- 一个层随页面滚动而移动
- js方法执行问题 方法里的操作要到改方法执行结束后才能有结果 如何解决这问题
- 请问怎么实现类似163邮箱的 点发送选项 下面就弹出选项的功能 ??
- 在线请一个问题 关于先jquery live
- 怎样实现:点关闭浏览器按钮时,弹出对话框“是否真的退出?”然后是两个按钮:yes,no??
- 怎样鼠标右键弹出菜单
- 请问:如何编程实现24小时制对12小时制的转换
- 正确的是如果剩下一个,应该为3,可是这是什么原因呢?怎么才能让他每次都为3呢?
我的意思是不是可以实现这种功能,假设网页上有400*300的区域显示图形,而图片实际大小常常达到4000*3000,当点击放在其左上角的缩略图的某一点时,在显示区域显示以该点为中心的400*300的矩形区域,可以实现么?
我的意思是不是可以实现这种功能,假设网页上有400*300的区域显示图形,而图片实际大小常常达到4000*3000,当点击放在其左上角的缩略图的某一点时,在显示区域显示以该点为中心的400*300的矩形区域,可以实现么?
======================================================我那代码难道不是这功能?PS:有点小错误
var simgW=150;
var simgH=simg.height;
你就看到效果了
从来不自己思考和书写的算我白说走人,闪
=====================================
你的思路是定位滚动条,我试试嵌入一个iframe
<body topmargin=0 leftmargin=0>
<table border="1" width="100%" id="table1">
<tr>
<td width="366"></td>
<td>
</td>
</tr>
<tr>
<td width="366"><img id="simg" src=1.jpg width=150 onclick="clk(this);"></td>
<td> </td>
</tr>
<tr>
<td width="366"> </td>
<td><iframe id="inpic" name="I1" src="图片定位_in.htm" width="200"></iframe></td>
</tr>
</table>
<div id="sdiv"> </div>
<script>
document.body.onscroll=function(){
sdiv.style.top=document.body.scrollTop;
sdiv.style.left=document.body.scrollLeft;
}
//
//var bimgH=bimg.height;
//var bimgW=bimg.width;
var bimgH=400;
var bimgW=300;
var simgW=150;
var simgH=simg.height;
function clk(obj)
{
document.all.inpic.scrollLeft=event.offsetX/simgW*bimgW;
document.all.inpic.scrollTop=event.offsetY/simgH*bimgH;
}
</script>
</body>
<div id="bdiv" style="position:absolute;top:100px;left:100px;width:400px;height:300px;overflow:hidden">
<img src=1.jpg id="bimg">
</div>
<div id="sdiv" style="position:absolute;top:0;left:0"><img id="simg" src=1.jpg width=150 onclick="clk(this);"></div>
<script>
document.body.onscroll=function(){
sdiv.style.top=document.body.scrollTop;
sdiv.style.left=document.body.scrollLeft;
}
//
var bimgH=bimg.height;
var bimgW=bimg.width;
var simgH=150;
var simgW=simg.height;
function clk(obj)
{
bdiv.scrollLeft=event.offsetX/simgW*bimgW;
bdiv.scrollTop=event.offsetY/simgH*bimgH;
}
</script>
</body>
没信誉的家伙...还好意思说别人.......
看看他.......
信誉:::::ahking(aspire) ( ) 信誉:101
火气大...
顶!~````
永远不死
星际永恒