各位大哥帮帮忙！jquery draggable 拖动插件的问题.

希望各路高手帮帮忙具体是这样的：一个容器. 容器内放一张图片. （图片的尺寸大于容器.） 所以必须用手抓着图片拖动..类似GOOGLE地图的拖动.. 不需要缩放.http://jqueryui.com/demos/draggable/ 类似这个地方的例子.但是不知道怎么实现.或者有其他实现方式（基于JQUERY的）.也可以告诉我能否有高手为小弟贴下代码.~在线等回复................

解决方案 »

  1.   

    你把你的图片放到那个拖动DIV里
    然后通过拖动那个DIV来拖动图片不行？手抓效果的话如果cursor属性无法实现，可以做一个抓一个松共两个图片即可
    jq里应该也有跟随鼠标的插件吧，让这两个图片根据鼠标的点击状态切换即可
      

  2.   

    我确实要拖动图片..按你这样说..我就会使用2个DIV一个DIV（id为2） 来设background-image 为这张图片还有一个DIV（id为1） 来嵌套  之前装有图片的DIV但是.当装有图片的这个DIV拖动的时候拖动到父DIV的外面的时候.. 如何隐藏拖动到外面图片部分呢？你去看下那个地址的例子.就明白我需要做什么了
      

  3.   

    把容器DIV的css的overflow属性设置为：hidden
    就可以把超出它范围的隐藏
      

  4.   


    <html>
      <body>
        <div style="width:100px;height:100px;background-color:#ff0000;overflow:hidden;">
          <div style="width:200px;height:200px;background-color:#00ff00;">
          </div>
        </div>
      </body>
    </html>像这样的效果