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

2010-09-03 23:17:37来源:西部e网作者:


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

< 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

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

< 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();">

关键词:滚动条图片