北京思路创新科技有限公司
Tsinghua-Solution
《标题》
北京思路创新科技有限公司
1
北京思路创新科技有限公司
Tsinghua-Solution
变更记录
编号 修改页码及条款 修改人/日期 审核人/日期 实施日期
2
北京思路创新科技有限公司
Tsinghua-Solution
目录
未找到目录项。
1
北京思路创新科技有限公司
Tsinghua-Solution
【转】 用Jquery实现拖拽层,并实现网站自定义化模块功能 2010-04-30 10:25 转载自 zj360202 最终编辑 zj360202
现在的网站...很多模块化的东西..都希望实现可视化的操作..主要原因是为了提高用户体验.增强用户的粘合度.当然这也间接性地体现出本网站的高质量性能...用Javascript 实现页面的拖动与同步保存,在技术上已经不是什么新的东西..因为我们所接触的系统就有.比如Google的用户面版iGoogle,当然还有百度的my百度.这二个系统就很好的提现出拖动层的运用..当我们在运用这些系统的时候..我们会感觉非同一般 感受..脑海中会出现一个字:赞!
今天我也要来玩一把这个拖动层.(这原因当然是公司的系统中需要这个功能).当然我的Javascript的功力还不到Google,百度它们公司人员的十分之一.所以呢..我借助的是Jquery这个JS类库来实现这么一个功能. 在介绍功能实现之前:先上几张效果图片: 拖动一:
2
北京思路创新科技有限公司
Tsinghua-Solution
拖动二:
在介绍这个功能实现之前,我想很多朋友都会Jquery.同时,对Jquery这里面的UI功能是有相当的认识的.UI里面有一个sortable这么一一块的介绍..其实里面的大部分功能都已经写好了拖动效果.我们只需要学会用就可以.... 第一:
我们需要加入Jquery.js的库文件,还有Jquery UI核心文件:ui.core.js,最后一个就是UI 拖动层文件:ui.sortable.js.以及一些UI样式. 代码如下 :
第二: 接下来写我们拖动层的JS函数功能.主要的函数(sortable)如下(注:我这里只基本功能):
3