js图片在固定区域拖动,拖出的范围隐藏怎么做？

来源：百度知道 编辑：UC知道 时间：2024/09/22 04:29:51
就像一个“回”字中间的小“口”是图片，可以拖动，但不能拖出大“口”
拖出去的部分要隐藏，就像如果你浏览器缩小，图片是拖不出浏览器的

原来图片放层里面时,只要层加上overflow:hidden;图片超出层的地方就不会显示了，但是现在我需要图片可以拖动，所以图片加了 position:absolute;，但是拖出去的部分又不能隐藏，应该怎么做啊
停止拖动那个不行，因为我的这个图片还有个功能就是扩大，如果层是400*300，图片变大的到500*400的话不用拖直接就撑出去了

我的想法是，通过js设置可以拖拽的范围（左上角，右下角等坐标），当超过范围，就禁止拖动。
这是我找的代码，感觉写的挺好，不知道是不是你需要的。

http://hi.baidu.com/llabc130/blog/item/4670b54cba5fc9fed72afc85.html

你把他代码crtl v到html中就是了。
停止拖动那个不行，因为我的这个图片还有个功能就是扩大，如果层是400*300，图片变大的到500*400的话不用拖直接就撑出去了

我的想法是，通过js设置可以拖拽的范围（左上角，右下角等坐标），当超过范围，就禁止拖动。
这是我找的代码，感觉写的挺好，不知道是不是你需要的。

http://hi.baidu.com/llabc130/blog/item/4670b54cba5fc9fed72afc85.html

你把他代码crtl v到html中就是了。

hh