浏览大图时鼠标感应控制层滚动条的移动
内容摘要
浏览大图时鼠标感应控制层滚动条的移动
< div style="overflow:auto; width:300; height:300" id=a>
< img src="图片地址" width="800" height="800"
文章正文
- 浏览大图时鼠标感应控制层滚动条的移动
< div style="overflow:auto; width:300; height:300" id=a>
< img src="图片地址" width="800" height="800" onmousemove='a.scrollLeft=event.x*2.5-a.offsetLeft-100;a.scrollTop=event.y*2.5-a.offsetTop-100'>
< /div>
- 用ondrag事件简单的实现鼠标拖动物件
< script>
//Dhtml:用ondrag事件简单的实现鼠标拖动物件.
var xx=0,yy=0
< /script>
< img src="图片地址" style='position:absolute;' ondragstart="setCapture();xx=event.x-this.offsetLeft;yy=event.y-this.offsetTop;" ondrag='this.style.left=event.x-xx;this.style.top=event.y-yy' ondragend="releaseCapture();">
代码注释
[!--zhushi--]