HTML5-jqUI----EasyUI
Jq中相对于对象封装—
法一：可以在js文件中封装一个方法，在js中写如下代码
在html中写如下代码
法二：直接在html中写如下代码
法三—直接调用
Easy-UI-使用—页面类似网吧管理界面不常用，用于控件、布局等
需要引入
例子：对日历的不同生成方式
类名是效果，editable为false,则不需要手动写日期，日历就会出现，true反之。panelWidth是控制日历的宽度
onSelect选中的选项会弹出窗口
日历直接在页面上
进度条—value是进度条的进度值
可以变成动的进度条
例子：拖拽
handel是绑定拖拽的东西,即点击谁时拖拽，是handel1，edge是距离灰条多少时乐意拖拽
拖拽时产生一个新的
可以创建购物车
可以使边框变大缩小
菜单、面板、刻度尺等可在easyui中文网上的插件上学习
jqUI-使用较多，是轻量级的
需要引入css,js文件
它有主题，在下载时可以进行选择
用户交互和数据交互不一样
折叠面板—有拉开的效果—accordion
自动完成—autocomplete
在input框中输入字母时，会提示包含相应字母的选项
按钮—button
日期选择器—datepicker
对话框—dialog
菜单—menu
Li下面有ul，形成二级菜单 position默认是右上
进度条—progressbar
加入js代码，进度条会动
滑块—slider
文字随滑块的变化而变化.slider(“option”,”value”)是获取滑块的值
旋转器—spinner(就是点击进行加减)
Value是设置值是10
tabs—标签页
拖拽—draggable
放置—droppable
对box拖拽，box1放置，在box1再做个放置事件
缩放—resizable
选择—selectable
排序—sortable
对于排序中每一个选项可以用鼠标拖动变化位置
addClass—如果改变宽度时，有动态的效果
addClass（类名，时间，曲线，回调函数）
百叶窗blind—toggle(“blind”,{缩的方向})
animate—颜色改变动画
hide（特效，属性，时间，回调函数）
removeClass (名字，时间，曲线，回调)
show（特效，属性，时间，回调函数）
Toggle(名称，添加/删除，时间，效果，回调)
切换样式，如toggleClass()