使用sortable插件实现列表中表项的拖曳排序操作8-3
2015-12-14 00:00
661 查看
sortable 参数说明:http://blog.csdn.net/xpsharp/article/details/6906228
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用sortable插件实现列表中表项的拖曳排序操作</title> <script type="text/javascript" src="lib/jquery-2.1.1.js"></script> <script type="text/javascript" src="lib/jquery-ui.js"></script> <style type="text/css"> body{font-size:13px} ul{padding:0px;magin:0px;list-style-type:none;width:260px} ul li{margin:0 3px 3px 3px;border:solid 1px #ccc;background-color:#eee;padding:0.4em;cursor:move;font-size:1.4em;height:18px;} </style> <script type="text/javascript"> $(function(){ $("ul").sortable({delay:2,opacity:0.35}); }) </script> </head> <body> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> </ul> </body> </html>
相关文章推荐
- android 备忘录之简单实现
- android Toast 消息提示 例子
- jdk环境变量设置
- 创建基本表空间
- 在html中解析xml文件(javascript 读取)
- 基础 JavaScript 实例
- jquery的autocomplete使用示例
- 在tcp/ip协议中以BigEndian方式的编码与解码
- 高级 JavaScript 实例03
- jquery 下拉值联动
- Java操作mongodb小记
- 备忘录实现过程问题汇总
- 下拉框联级操作(js)
- svn: E175002 connection refused by the server
- http下载文件
- 动作提供者(ActionProvider)在动作栏中的使用
- udp多播的发送与接收
- html页面中打印样式
- linux安装中文
- oracle 客户端使用以及乱码问题