首页导航栏 - 网络工程 | 网站建设 | 设计在线 | 精彩图片 | 职业前线 | 创业之路 | 启步工具 | 教程资讯 | 休闲娱乐
启步网 > 网站建设 > 网站编程
Web页面元素拖拽实例系列—专题篇
作者: sunhy 阅读: 来源:启步网 时间:2007-1-28 19:00:59
字体
 
    我们看过 
    ·MSN
    ·MicroSoft Live
    ·GOOGLE个性主页 
    等web页面元素可拖动并放置的例子,给我们新奇的体验。 
    这个专题将讨论它们的实现方法原理及一些实例。 
    实现这个效果要用到的一些事件及过程:
 
·引发事件对象
·控制对象根节点
·是否抓起
·空临时层
·鼠标与控件的相对坐标
·窗体加载时委托到Prepare
·生成临时层,并设置其属性
·获得控制对象的根节点元素
·当鼠标在文档上移动时事件委托到MoveIt
·当鼠标按下时事件委托到Drag
·当鼠标释放抬起时事件委托到Release
 
    关于理论研究:
 
 
 
    关于一些实例:
 
 
    对DOM的操作再加上JAVASCRIPT拖动元素,实现起来实际上并不难,但是要做到既美观又能符合用户使用习惯,就需要一些时间好好思考了。我觉得任何一个技术他能否成功,都要经过这样一个过程的!欢迎大家提供更好的关于《Web页面元素拖拽实例系列》的文章。请联系偶的邮箱:web7ibu#hotmail.com

责任编辑:一路狂奔
帐号:
密码:

Google
Google提供的相关资源
参与评论(条评论)
请遵守国家法律
笔名:
邮箱:
( 以上评论仅代表网友个人意见,不代表本站观点 )
相关资源
  • Web页面托拽 JavaScript Drag Demo 实例 [2007-1-28]
  • JavaScript Google IG Drag Demo [2007-1-28]
  • 怎么用javascript进行拖拽 [2007-1-28]
  • GOOGLE个性主页-页面元素拖拽实例系列(二) [2007-1-28]
  • GOOGLE个性主页-页面元素拖拽实例系列(一) [2007-1-28]
  • 类似Google个性化主页,实现Web桌面托拽的实例 [2007-1-28]
  • 千万数量级分页存储过程实例 [2007-1-28]
  • 自己开发的自定义分页控件 [2007-1-28]
  • JS+ASP打造无刷新新闻列表 [2007-1-26]
  • 适合网站设计的运行代码功能 [2007-1-24]
  •