浏览大图时鼠标感应控制层滚动条的移动

内容摘要

浏览大图时鼠标感应控制层滚动条的移动

< 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--]

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!