作者:Computer | 时间:2012-8-15 14:37:23 | [小 大] | 来源:STEP DAY |
阅读:15721 | : 0 | 收藏 Draggable,jQuery,EasyUI,拖放 [摘要]: 一、什么是jQueryEasyUI? jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,validatebox,window等等。 二、Draggable 1、用法 HTML 代码 <divid="dd"style="width:100px;height:100px;border:1px...一、什么是jQueryEasyUI?
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,validatebox,window等等。
二、Draggable
1、用法
<divid="dd"style="width:100px;height:100px;border:1px solid #ccc;"><divid="title"style="background:#ccc;">title</div></div>
jQuery 代码
$('#dd').draggable(options);
2、参数
Override defaults with $.fn.draggable.defaults.
3、属性
名称 类型 描述 默认值
axis string Defines the axis which the dragged elements moves on, available value is 'v' or 'h', when set to null will move across 'v' and 'h' direction. null
4、事件
名称 参数 描述