我们看过
·MSN
·MicroSoft Live
·GOOGLE个性主页
等web页面元素可拖动并放置的例子,给我们新奇的体验。
这个专题将讨论它们的实现方法原理及一些实例。
实现这个效果要用到的一些事件及过程:
·引发事件对象
·控制对象根节点
·是否抓起
·空临时层
·鼠标与控件的相对坐标
·窗体加载时委托到Prepare
·生成临时层,并设置其属性
·获得控制对象的根节点元素
·当鼠标在文档上移动时事件委托到MoveIt
·当鼠标按下时事件委托到Drag
·当鼠标释放抬起时事件委托到Release
·控制对象根节点
·是否抓起
·空临时层
·鼠标与控件的相对坐标
·窗体加载时委托到Prepare
·生成临时层,并设置其属性
·获得控制对象的根节点元素
·当鼠标在文档上移动时事件委托到MoveIt
·当鼠标按下时事件委托到Drag
·当鼠标释放抬起时事件委托到Release
关于理论研究:
关于一些实例:
对DOM的操作再加上JAVASCRIPT拖动元素,实现起来实际上并不难,但是要做到既美观又能符合用户使用习惯,就需要一些时间好好思考了。我觉得任何一个技术他能否成功,都要经过这样一个过程的!欢迎大家提供更好的关于《Web页面元素拖拽实例系列》的文章。请联系偶的邮箱:web7ibu#hotmail.com