2010-09-26 10:06 jq拖动(ui.draggable.packed.js,ui.core.packed.js)
来源:互联网 发布:hifi音乐软件 编辑:程序博客网 时间:2024/06/16 04:10
http://jquery-api-zh-cn.googlecode.com/svn/trunk/jQuery%20UI/draggable.html
<script type="text/javascript">$(document).ready(function(){$(".block").draggable({//helper: "clone", //拖动时克隆,默认是 original//axis:"x", //定义拖动方向containment:"#contain", //定义一个容器,div就只能在容器的范围内活动了cursor: "move", //定义拖动时鼠标指针的状态 ,参数类型详见css中cursor配置cursorAt:{top:10}, //定义拖动的时候鼠标指针的位置,此位置是相对被拖动对象的边框,单位pxopacity: 0.40, //设置对象被拖动时的透明度handle: "div", //设置拖动控制器,也就是说当鼠标按住控制器的时候,才能拖动对象scroll:false, //设置当拖动超出整个浏览器窗口,是否滚动浏览器distance: 20, //设置当鼠标拖动多少像素时对象才会移动//delay: 1000, //设置延迟时间 单位毫秒grid:[50,50], //设置每次拖动的步进 单位pxdragPrevention:['input', 'textarea', 'button', 'select', 'option'],//设置被拖动的div碰到那些dom元素时停止start:function(e,ui){}, //开始拖动执行的函数drag:function(e,ui){}, //拖动时执行的函数stop:function(e,ui){} //拖动停止执行的函数}).resizable();$("#contain").draggable({revert: true, //设置对象被拖动释放后时候回到原始位置 helper: "clone"});});</script><title>jQuery UI -- Draggable</title></head><body><div id="contain"><div class="block"><div class="hendle" style="background: green">handle</div></div></div>----------------------------------------------------------------drag:function(e,ui){ if(...)ui.position.left=0; if(...)ui.position.top=0;//实现元素可拖动的区域}----------------------------------------------------------------$('#dialog').draggable({handle:$('#title')});//title位于dialog内部,当拖title后dialog才会动!!!----------------------------------------------------------------
源文:http://zhg-grj.spaces.live.com/Blog/cns!ADA1FB08E190EBF4!221.entry
- 2010-09-26 10:06 jq拖动(ui.draggable.packed.js,ui.core.packed.js)
- jq ui.dialog.js简介
- jq ui.dialog.js简介
- jQuery Easy UI Draggable(拖动)组件
- Draggable.js
- JQuery UI - draggable
- jquery UI draggable学习
- jquery.ui.draggable使用
- Jquery UI draggable学习
- query ui draggable,droppable
- jquery ui draggable
- java + jquery-ui.sortable.js插件实现表格拖动排序
- Packed record
- _attribute_((packed))
- __attribute__ ((packed))
- __attribute__ ((packed))
- __attribute__ ((packed))
- _attribute_((packed))
- Unity3D 游戏引擎之实现平面多点触摸
- Linux驱动修炼之道-SPI驱动框架源码分析(上)
- Could not find action or result问题
- 如何将类似于EditPlus的软件添加到右键菜单
- 虽然我还没有测试过,但是我觉得有必要收藏一下,谢谢原创者
- 2010-09-26 10:06 jq拖动(ui.draggable.packed.js,ui.core.packed.js)
- Linux驱动修炼之道-SPI驱动框架源码分析(中)
- 程序员的情书
- js思维导图
- Linux驱动修炼之道-SPI驱动框架源码分析(下)
- vs2010sp1 基于mfc的程序在另一台电脑上运行
- Unity3D 游戏引擎之IOS高级界面发送消息与Unity3D消息的接收
- SystemClock
- request对象的getAttribute()和getParameter()方法