2011年2月14日
JavaScript 实现模拟拖放
摘要： 拖放（Drag-and-Drop）是网页中经常出现的效果，比如：iGoogle里的gadget、QZone里的模块、cnblogs里的插入代码对话框等。咋一看对于实现该效果毫无头绪，实际上理清思路就比较好实现了。问：把大象放冰箱里分几步？答：分三步。1. 打开冰箱门；2. 把大象放进去；3. 关上冰箱门。那拖放效果分几步呢？1. 按下鼠标mousedown；2. 移动鼠标mousemove；3. 松开鼠标mouseup。一、简单实现根据上面的思路开始编码。HTML 代码：#box是拖放的对象CSS 代码：#box 绝对定位JavaScript 代码：为 box 对象绑定了 4 个事件。在鼠标按 阅读全文
posted @ 2011-02-14 22:24 leavingme 阅读(557) 评论(0) 推荐(1)