1.拖曳插件——draggable http://www.runoob.com/jqueryui/example-draggable.html 2.放置插件——droppable 3.拖曳排序插件——sortable 4.面板折叠插件——accordion 5.选项卡插件——tabs 6.对话框插件 ...
分类：
其他好文 时间：
2017-02-28 19:48:45
阅读次数：
148
说明通过定义draggable区域的边界来约束每个draggable的运动。设置axis选项来限制draggable的路径为x轴或者y轴示例<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>d..
分类：
Web程序 时间：
2017-02-17 01:03:14
阅读次数：
297
定义和用法通过定义draggable区域的边界来约束每个draggable的运动,使用containment选项来指定一个父级的DOM元素或者一
个jQuery选择器示例<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=ed..
分类：
Web程序 时间：
2017-02-17 01:00:51
阅读次数：
249
定义和用法当拖拽对象时定位光标。默认情况下，光标是出现在被拖拽对象的中间。使用cursorAt选项来指定相对于draggable的另一个
位置（指定一个相对于top、right、bottom、left的像素值）。通过提供一个带有有效的CSS光标值的cursor选项，来自
定义光标的外观示例<!DOCTYPEh..
分类：
Web程序 时间：
2017-02-17 00:57:27
阅读次数：
308
定义和用法通过delay选项设置延迟开始拖拽的毫秒数。通过distance选项设置光标被按下且拖拽指定像素后才允许拖拽示例<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>..
分类：
Web程序 时间：
2017-02-17 00:56:46
阅读次数：
255
定义和用法draggable上的start、drag和stop事件。拖拽开始时触发start事件，拖拽期间触发drag事件，拖拽停止时触发
stop事件示例<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
&..
分类：
Web程序 时间：
2017-02-17 00:54:12
阅读次数：
211
定义和用法只有当光标在draggable上指定部分时才允许拖拽。使用handle选项来指定用于拖拽对象的元素（或元素组）的jQuery选择
器或者当光标在draggable内指定元素（或元素组）上时不允许拖拽。使用cancel选项来指定取消拖拽功能的jQuery选择器示例<!DOCTYPEhtml>
<htm..
分类：
Web程序 时间：
2017-02-17 00:50:24
阅读次数：
188
定义和用法当带有布尔值revert选项的draggable停止拖拽时，返回draggable（或它的助手）到原始位置示例<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>jQueryUI拖动..
分类：
Web程序 时间：
2017-02-17 00:46:18
阅读次数：
1439
简介 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 先点击一个小例子：在用户开始拖动 <p> 元素时执行 JavaScript 提示： 链接和图片默认是可拖动的，不需要 draggable 属性。 定义和用法 在拖放的过程中会触发 ...
分类：
Web程序 时间：
2017-02-04 17:05:30
阅读次数：
242
1、自从HTML5中新引入了contentEditalbe属性以后，div就与textarea一样，可以作为最常用的编辑器使用。 1.启用div作为编辑器 让div进入编辑状态很简单，只需要： 复制代码 代码如下: div.contentEditable=true; 这样就可以进入编辑状态。当然你直 ...
分类：
其他好文 时间：
2017-01-16 10:41:36
阅读次数：
1027
