日期:2014-05-16  浏览次数:20468 次

完美的JavaScript拖拽效果-dbx

1、dbx具有动态拖拽效果,并且可以按照网格对齐,可以隐藏显示指定列表,对特殊定义的class自动实现拖拽效果方便快捷,对层设置class=dbx-box,dbx-handle就可以了。

?

2、此js文件支持Opera 7.5以后版本,Firefox和其他Mozilla浏览器,Safari1.2以上的版本,Konqueror 3.2以上的版本,和开启js的Internet Explorer 6,支持的还是比较多的,在IE7下也同样支持。

?

3、每个box的状态和位置是由cookie来记录的,只要状态或者位置发生变化,cookie就会去记录改变,当页面再次请求被访问的时候,通过cookie可以实现上次访问的状态,所以这个js可以成功的运用在各种具有私人性质的需要此拖拽功能的网络应用程序上。也就是可以通过javascript的cookie去记录用户拖拽的信息,在用户下次登录的时候通过读取cookie来复现上次访问的状态。

?

4、除了以上的说明外,本js脚本还可以成功的更容易的运用到其他的大型复杂的系统中,例如利用dragable元素作为数据输入界面。与远程脚本互动(比如利用xmlhttprequest),你也可以将此js脚本作为控制界面拖拽元素的工具来实现几乎任何客户端或服务器端的应用:网站导航、游戏、CMS、论坛管理、服务管理等,可能性是无止境的。

?

官网地址:http://www.brothercake.com/site/resources/scripts/dbx/

?

具体示例可参考附件。