JavaScript网页拖拽效果代码dbx.js

  不得不承认wordpress中用到的dbx的拖拽效果很好

  同时不得不承认看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下也同样支持.http://www.mlybyby.com

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

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

  官方网站的地址:

  http://www.brothercake.com/site/resources/scripts/dbx

  个人感觉不错,推荐下

  英文原文如下:

  Docking boxes (dbx) adds animated drag 'n' drop, snap-to-grid, and show/hide-contents functionality to any group of elements. And ... in what might be another world-first for brothercake - dbx is fully accessible to the keyboard as well as the mouse, an action I've re-dubbed press 'n' push

  The script works in Opera 7.5 or later, Firefox and other mozilla browsers, Safari 1.2 or later, Konqueror 3.2 or later, and Internet Explorer 6 (with javascript enabled).http://rl.82676666.com

  The position and state of each box is recorded to a cookie whenever it changes, and re-applied on subsequent page views, so the script's primary use is as a self-persisting behavioral add-on for websites, intranets or web-applications, wherever this kind of functionality is required.

  But over and above that, events and data from the script are reported to a set of API functions, which allow for easy integration into more complex systems - such as using the dragable elements as a data-input interface. In conjunction with remote procedure call scripting (such as XMLHttpRequest) you could use the interface as a controller to virtually any client- or server-side application: site-navigation, games, CMS or forum administration areas, server management CPs, webmail interfaces ... the possibilities are endless.

posted @ 2016-06-22 15:44  爱无边界  阅读(204)  评论(0)    收藏  举报