登陆 免费注册 提交网站
站长资讯 >> 站长学院 >> 网页制作
 2014-11-01 11:59浏览: 1537 次

Jquery Div自由拖动排序实现代码

Jquery Div自由拖动排序,兼容性:IE7以上以及其他主流浏览器(Chrome,FireFox,Safari…)。排序是采用2个Div模块(源模块和目标模块)位置对调。其他位置不变。

拖动的时候保存当前的Div模块的位置。

主要核心就是在拖动目标元素时,检测当前的鼠标指针是否移入了除目标元素之外的其他DIV模块中,如果有,就可以作为交换位置事件开始。

更新保存的Div模块位置,以备下一次轮换时需要。

主要原理就这么多,这种直接交互2个模块位置的难度不大。

Jq代码:

 

网站首页 - 关于我们 - 联系我们 - 友情链接 - 帮助中心
Copyright ©2007-2020 www.Aisila.com All Rights Reserved
豫ICP备17005272号

豫公网安备 41022202000021号