最近在项目中需要用到仿百度地图拖动特效,于是花点事件研究了一下,发现通过scrollLeft和scrollTop方法改变滑块的位置可以实现类似效果,下面把研究结果拿出来分享一下。
<div id="emap-panel" style="position: relative; overflow: hidden;">
<img id="emap-image"/>
</div>
overflow: hidden隐藏图片的拖动条。
关键js代码:给地图绑定拖动事件
//地图拖动
dragpic=-1;
dragpicy=-1;
$("#emap-image").bind({
mouseout:functio