- 浏览: 755137 次
- 性别:
- 来自: 郑州
文章分类
- 全部博客 (396)
- JAVA (50)
- ORACLE (22)
- HIBERNATE (1)
- SPRING (26)
- STRUTS (4)
- OTHERS (0)
- MYSQL (11)
- Struts2 (16)
- JS (33)
- Tomcat (6)
- DWR (1)
- JQuery (26)
- JBoss (0)
- SQL SERVER (0)
- XML (10)
- 生活 (3)
- JSP (11)
- CSS (5)
- word (1)
- MyEclipse (7)
- JSTL (1)
- JEECMS (2)
- Freemarker (8)
- 页面特效 (1)
- EXT (2)
- Web前端 js库 (2)
- JSON http://www.json.org (3)
- 代码收集 (1)
- 电脑常识 (6)
- MD5加密 (0)
- Axis (0)
- Grails (1)
- 浏览器 (1)
- js调试工具 (1)
- WEB前端 (5)
- JDBC (2)
- PowerDesigner (1)
- OperaMasks (1)
- CMS (1)
- Java开源大全 (2)
- 分页 (28)
- Eclipse插件 (1)
- Proxool (1)
- Jad (1)
- Java反编译 (2)
- 报表 (6)
- JSON (14)
- FCKeditor (9)
- SVN (1)
- ACCESS (1)
- 正则表达式 (3)
- 数据库 (1)
- Flex (3)
- pinyin4j (2)
- IBATIS (3)
- probe (1)
- JSP & Servlet (1)
- 飞信 (0)
- AjaxSwing (0)
- AjaxSwing (0)
- Grid相关 (1)
- HTML (5)
- Guice (4)
- Warp framework (1)
- warp-persist (1)
- 服务器推送 (3)
- eclipse (1)
- JForum (5)
- 工具 (1)
- Python (1)
- Ruby (1)
- SVG (3)
- Joda-Time日期时间工具 (1)
- JDK (3)
- Pushlet (2)
- JSP & Servlet & FTP (1)
- FTP (6)
- 时间与效率 (4)
- 二维码 (1)
- 条码/二维码 (1)
最新评论
-
ctrlc:
你这是从web服务器上传到FTP服务器上的吧,能从用户电脑上上 ...
jsp 往 FTP 上传文件问题 -
annybz:
说的好抽象 为什么代码都有两遍。这个感觉没有第一篇 和第二篇 ...
Spring源代码解析(三):Spring JDBC -
annybz:
...
Spring源代码解析(一):IOC容器 -
jie_20:
你确定你有这样配置做过测试? 请不要转载一些自己没有测试的文档 ...
Spring2.0集成iReport报表技术概述 -
asd51731:
大哥,limit传-1时出错啊,怎么修改啊?
mysql limit 使用方法
[原文翻译] JQuery UI Draggable插件用来使选中的元素可以通过鼠标拖动. Draggable的元素受影响css: ui-draggable, 拖动过程中的css: ui-draggable-dragging. 如果需要的不仅仅是拖, 而是一个完整的拖放功能, 请参阅JQuery UI 的Droppable插件, 该插件提供了一个draggable放的目标. 所有的回调函数(start, stop, drag等事件)接受两个参数: event: 浏览器原生的事件 ui: 一个JQuery的ui对象, 其中有以下主要属性 ui.helper: 正在拖动的元素的JQuery包装对象, ui.helper.context可以获取到原生的DOM元素. ui.position: ui.helper(也就是我们要拖动的元素)相对于父元素(包含自己的元素, 如果是顶层, 对应body)的偏移, 值是一个对象{top, left}----也就是可以用ui.position.top获取到该元素与父元素的top当前偏移 ui.offset: 与ui.position同意, 这里表示的是和浏览器内容区域左上边界的偏移(注意, 是内容区域, 而不是html的body区域. html的body在默认情况下, 各种浏览器中都会相对offset有偏移的.) [选项] addClasses: [类型]Boolean(布尔值) [默认值]true [产生影响] 用来设置是否给draggable元素通过ui-draggable样式才装饰它. 主要为了在通过.draggable()初始化很多(成百个)元素的时候优化性能考虑, 但是, 这个选项的设置, 不会影响ui-draggable-dragging样式改变拖动过程样式. true表示ui-draggable样式被添加到该元素. false表示ui-draggable样式不被添加到该元素. [代码示例]draggable其他选项的初始化, 获取属性值, 设置属性值部分除有特殊功能, 不再赘述, 仅粘贴代码. [初始化] $('.selector').draggable({ addClasses: false }); 将.selector选择器选中的元素渲染成为一个可拖动控件, 不为其添加ui-draggable样式 [获取属性值] var addClasses = $('#draggable').draggable('option', 'addClasses'); 获取.selector选择器选中的可拖动控件的addClasses选项的值. [设置属性值] $('.selector').draggable('option', 'addClasses', false); 将.selector选择器选中的可拖动控件的addClasses选项值设置为false. appendTo: [类型]Element, Selector(HTML元素对象或选择器) [默认值]'parent' 父元素 [产生影响] 用来指定控件在拖动过程中ui.helper的容器, 默认情况下, ui.helper使用和初始定义的draggable相同的容器, 也就是其父元素. [代码示例] [初始化] $('.selector').draggable({ appendTo: 'body' }); [获取属性值] //getter var appendTo = $('.selector').draggable('option', 'appendTo'); [设置属性值] //setter $('.selector').draggable('option', 'appendTo', 'body');. axis: [类型]String, Boolean(可取的值有'x', 'y', false) 'x': 只能水平拖动 'y': 只能垂直拖动 false: 既可以水平, 也可以垂直拖动. [默认值]false, 不限制拖动的方向 [产生影响] 约束拖动过程中的取向. [代码示例] [初始化] $('.selector').draggable({ axis: 'x' }); [获取属性值] var axis = $('.selector').draggable('option', 'axis'); [设置属性值] $('.selector').draggable('option', 'axis', 'x'); cancel: [类型]选择器 [默认值]':input, option' [产生影响] 通过选择器指定这类元素不能被渲染成draggable控件. [代码示例] [初始化] $('.selector').draggable({ cancel: 'button' }); [获取属性值] var cancel = $('.selector').draggable('option', 'cancel'); [设置属性值] $('.selector').draggable('option', 'cancel', 'button'); connectToSortable: 此选项需要和sortable联合工作, 再议. [类型]选择器 [默认值]':input, option' [产生影响] 通过选择器指定这类元素不能被渲染成draggable控件. [代码示例] [初始化] $('.selector').draggable({ cancel: 'button' }); [获取属性值] var cancel = $('.selector').draggable('option', 'cancel'); [设置属性值] $('.selector').draggable('option', 'cancel', 'button'); containment: [类型]选择器, 元素, 字符串, 数组. 选择器: 只能在选择器约束的元素内拖动 元素: 只能在给定的元素内拖动 字符串: parent: 只能在父容器内拖动 document: 在当前html文档的document下可拖动, 超出浏览器窗口范围时, 自动出现滚动条 widow: 只能在当前浏览器窗口的内容区域拖动, 拖动超出当前窗口范围, 不会导致出现滚动条... 数组: [x1, y1, x2, y2]以[开始水平坐标, 开始垂直坐标, 结束水平坐标, 结束垂直坐标]的方式划定一个区域, 只能在此区域内拖动. 这种方式指定时, 值是相对当前浏览器窗口内容区域左上角的偏移值. false: 不限制拖动的活动范围 [默认值]false [产生影响] 影响指定可拖动控件的活动区域. [代码示例] [初始化] $('.selector').draggable({ containment: 'parent' }); [获取属性值] var containment = $('.selector').draggable('option', 'containment'); [设置属性值] $('.selector').draggable('option', 'containment', 'parent'); cursor: [类型]字符串. [默认值]'auto' [产生影响] 影响指定可拖动控件在拖动过程中的鼠标样式, 该样式设定之后, 需要控件的原始元素支持指定的cursor样式, 如果指定的值原始元素不支持, 则使用原始元素默认的cursor样式. 比如, $('input[type=button]').draggable({ cursor: 'crosshair' }); 由于button不支持crosshair这个鼠标样式, 所以, 会以默认形式显示. [代码示例] [初始化] $('.selector').draggable({ cursor: 'crosshair' }); [获取属性值] var cursor = $('.selector').draggable('option', 'cursor'); [设置属性值] $('.selector').draggable('option', 'cursor', 'crosshair'); cursorAt: [类型]对象 通过设置对象的top, left, right, bottom的属性值中的一个或两个来确定位置. [默认值]false [产生影响] 在拖动控件的过程中, 鼠标在控件上显示的位置, 值为false(默认)时, 从哪里点击开始拖动, 鼠标位置就在哪里, 如果设置了, 就会在一个相对控件自身左上角偏移位置处, 比如: $('.selector').draggable('option', 'cursorAt', {left: 8, top: 8}); 那么拖动过程中, 鼠标就会在自身的左上角向下向右各偏移8像素处. [代码示例] [初始化] $('.selector').draggable({ cursor: 'crosshair' }); [获取属性值] var cursor = $('.selector').draggable('option', 'cursor'); [设置属性值] $('.selector').draggable('option', 'cursor', 'crosshair'); delay: [类型]整数, 单位是毫秒 [默认值]0 [产生影响] 可拖动控件从鼠标左键按下开始, 到拖动效果产生的延时. 该选项可以被用来阻止一些不期望的点击带来的无效拖动. 具体效果是: 一次拖动, 从鼠标左键按下, 到delay指定的时间, 如果鼠标左键还没有松开, 那么就认为这次拖动有效, 否则, 认为这次拖动无效. [代码示例] [初始化] $('.selector').draggable({ delay: 500 }); [获取属性值] var delay = $('.selector').draggable('option', 'delay'); [设置属性值] $('.selector').draggable('option', 'delay', 500); distance: [类型]整数, 单位是像素 [默认值]1 [产生影响] 可拖动控件从鼠标左键按下开始, 到拖动效果产生的时鼠标必须产生的位移. 该选项可以被用来阻止一些不期望的点击带来的无效拖动. 具体效果是: 一次拖动, 从鼠标左键按下, 只有当鼠标产生的位移达到distance指定的值时, 才认为是有效的拖动. [代码示例] [初始化] $('.selector').draggable({ distance: 30 }); [获取属性值] var distance = $('.selector').draggable('option', 'distance'); [设置属性值] $('.selector').draggable('option', 'distance', 30); grid: [类型]数组[x, y], x代表水平大小, y代表垂直大小, 单位是像素 [默认值]false [产生影响] 可拖动控件拖动时采用grid的方式拖动, 也就是说拖动过程中的单位是guid选项指定的数组描述的格子那么大. [代码示例] [初始化] $('.selector').draggable({ grid: [50, 20] }); [获取属性值] var grid = $('.selector').draggable('option', 'grid'); [设置属性值] $('.selector').draggable('option', 'grid', [50, 20]); handle: [类型]选择器或元素 [默认值]false [产生影响] 指定触发拖动的元素. 用法: 将一个id=window的div设置为可拖动控件, 设置它的handle是该div中的一个id=title的span, 那么, 就只有在id=title的span上点击拖动才是有效的. 注意: 该元素一定要是可拖动控件的子元素. [代码示例] [初始化] $('.selector').draggable({ handle: 'h2' }); [获取属性值] var handle = $('.selector').draggable('option', 'handle'); [设置属性值] $('.selector').draggable('option', 'handle', 'h2'); helper: [类型]字符串或函数 字符串取值: 'original': 可拖动控件本身移动 'clone': 将可拖动控件自身克隆一个移动, 自身在原始位置不变 函数则必须返回一个DOM元素: 以函数返回的DOM元素移动展现拖动的过程. [默认值]'original' [产生影响] 拖动过程中帮助用户知道当前拖动位置的元素. [代码示例] [初始化] $('.selector').draggable({ helper: 'clone' }); [获取属性值] var helper = $('.selector').draggable('option', 'helper'); [设置属性值] $('.selector').draggable('option', 'helper', 'clone'); iframeFix: [类型]布尔值或选择器, 选择器的选择结果需要是iframe元素 [默认值]false [产生影响] 阻止拖动过程中由于鼠标指针在iframe区域移动, iframe对鼠标移动事件的默认响应. 如果设置为true, 将会阻止拖动过程中当前页面上所有的iframe的mousemove事件, 如果设置一个选择器, 将会阻止指定的iframe的mousemove事件. [代码示例] [初始化] $('.selector').draggable({ iframeFix: true }); [获取属性值] var iframeFix = $('.selector').draggable('option', 'iframeFix'); [设置属性值] $('.selector').draggable('option', 'iframeFix', true); opacity: [类型]浮点数值 [默认值]false [产生影响] 拖动过程中helper(拖动时跟随鼠标移动的控件)的不透明度. [代码示例] [初始化] $('.selector').draggable({ opacity: 0.35 }); [获取属性值] var opacity = $('.selector').draggable('option', 'opacity'); [设置属性值] $('.selector').draggable('option', 'opacity', 0.35); refreshPositions: [类型]Boolean [默认值]false [产生影响] 如果设置为true, 所有的droppable位置会在每次mousemove事件中进行计算. 注意: 该选项主要用于解决高级动态页面展现问题. 慎用. [代码示例] [初始化] $('.selector').draggable({ refreshPositions: true }); [获取属性值] var refreshPositions = $('.selector').draggable('option', 'refreshPositions'); [设置属性值] $('.selector').draggable('option', 'refreshPositions', true); revert: [类型]Boolean, 字符串 [默认值]false [产生影响] 影响一次拖动之后是否回归到原始位置. true: 每次拖动停止之后, 元素自动回到原始位置 'invalid': 除非是一个droppable并且被drop(放)成功了, 才不将元素返回到原始位置. 'valid': 除invalid之外的其他情况. [代码示例] [初始化] $('.selector').draggable({ revert: true }); [获取属性值] var revert = $('.selector').draggable('option', 'revert'); [设置属性值] $('.selector').draggable('option', 'revert', true); revertDuration: [类型]整数 [默认值]500 [产生影响] revert(回归到原始位置)整个过程需要的时间, 单位是毫秒. 如果设置revert选项设置为false, 则忽略此属性. [代码示例] [初始化] $('.selector').draggable({ revertDuration: 1000 }); [获取属性值] var revertDuration = $('.selector').draggable('option', 'revertDuration'); [设置属性值] $('.selector').draggable('option', 'revertDuration', 1000); scope: [类型]字符串 [默认值]'default' [产生影响] 该选项描述一个范围, 和droppable的同名选项结合使用, droppable的accept选项用来设置可以接受的draggable控件, 同时, 可接受的drggable控件受scope选项约束, 必须是同一个scope中的draggable和droppable才可以互相拖放. 例如: $('#draggable_a').draggable({scope: 'a'}); $('#draggable_b').draggable({scope: 'b'}); $('#droppable_a').droppable({scope: 'a'}); $('#droppable_b').droppable({scope: 'b'}); droppable控件的accept选项默认是'*', 看起来数draggable_a, draggable_b可以自由的放入到droppable_a和droppable_b中, 但是, 由于scope的约束, draggable_a只能放入到droppable_a, draggable_b只能发乳到droppable_b中. 注意: 这个选项就和变量的名称空间的意义类似. 默认值是'default', 说明如果不指定, 大家都还是有scope的, 名字是default而已. [代码示例] [初始化] $('.selector').draggable({ scope: 'tasks' }); [获取属性值] var scope = $('.selector').draggable('option', 'scope'); [设置属性值] $('.selector').draggable('option', 'scope', 'tasks'); scroll: [类型]Boolean [默认值]true [产生影响] 如果设置为true, 在拖动过程中超出可拖动控件容器的时候, 容器自动增加滚动条 [代码示例] [初始化] $('.selector').draggable({ scroll: false }); [获取属性值] var scope = $('.selector').draggable('option', 'scope'); [设置属性值] $('.selector').draggable('option', 'scroll', false); scrollSensitivity: [类型]整数值 [默认值]20 [产生影响] 滚动条的敏感度. 下面所属的鼠标指针是指在draggable控件移动过程中, 鼠标所处位置. 鼠标指针和与draggable控件所在容器的边距离为多少的时候, 滚动条开始滚动. [代码示例] [初始化] $('.selector').draggable({ scrollSensitivity: 40 }); [获取属性值] var scrollSensitivity = $('.selector').draggable('option', 'scrollSensitivity'); [设置属性值] $('.selector').draggable('option', 'scrollSensitivity', 40); scrollSpeed: [类型]整数值 [默认值]20 [产生影响] 由于scrollSensitivity导致的滚动发生时, 滚动条一次滚动多少像素值. [代码示例] [初始化] $('.selector').draggable({ scrollSpeed: 40 }); [获取属性值] var scrollSpeed = $('.selector').draggable('option', 'scrollSpeed'); [设置属性值] $('.selector').draggable('option', 'scrollSpeed', 40); snap: [类型]Boolean, 选择器 [默认值]false [产生影响] 吸附功能, 设置为true等价与设置选择器.ui-draggable, 具体效果是在选择器指定的所有元素上, 当前的draggable控件都可以实现吸附功能, 吸附就是拖动过程中, 靠近但是还没有挨上目标组件是, 自动的将正在拖动的组件吸过去. [代码示例] [初始化] $('.selector').draggable({ snap: true }); [获取属性值] var snap = $('.selector').draggable('option', 'snap'); [设置属性值] $('.selector').draggable('option', 'snap', true); snapMode: [类型]字符串, 可选值如下 'inner': 在指定的元素内部可以吸附 'outer': 在指定元素外部可以吸附 'both': 里面外面都可以吸附. [默认值]'both' [产生影响] 设定吸附时候的模式. [代码示例] [初始化] $('.selector').draggable({ snapMode: 'outer' }); [获取属性值] var snapMode = $('.selector').draggable('option', 'snapMode'); [设置属性值] $('.selector').draggable('option', 'snapMode', 'outer'); snapTolerance: [类型]整数 [默认值]20 [产生影响] 设定离目标对象的边多少像素的时候, 进行吸附. [代码示例] [初始化] $('.selector').draggable({ snap: true }); [获取属性值] var snap = $('.selector').draggable('option', 'snap'); [设置属性值] $('.selector').draggable('option', 'snap', true); stack: [类型]对象{group: '.selector', min: 50} [默认值]false [产生影响] 一次初始化一组draggable控件的时候, 将其中的一些draggable控件以给定选择器选择, 作为一组, 这时, 这一组draggable控件就可以实现当前被拖动的始终在最前效果, min用来指定这一组的z-index值的最小值. [代码示例] [初始化] $('.selector').draggable({ stack: { group: 'products', min: 50 } }); [获取属性值] var stack = $('.selector').draggable('option', 'stack'); [设置属性值] $('.selector').draggable('option', 'stack', { group: 'products', min: 50 }); zIndex: [类型]整数 [默认值]false [产生影响] 拖动时的helper(跟随鼠标移动的控件)的z-index值. z-index就是css中的层叠层数, 数值越大, 越在上层. [代码示例] [初始化] $('.selector').draggable({ zIndex: 2700 }); [获取属性值] var zIndex = $('.selector').draggable('option', 'zIndex'); [设置属性值] $('.selector').draggable('option', 'zIndex', 2700); [事件] start: 拖动开始, 指鼠标按下, 开始移动. [类型]dragstart [回调函数接受的参数] event: 原生的浏览器事件. ui: JQuery的ui对象 this: 当前拖动的控件DOM对象 drag: 拖动过程中鼠标移动. [类型]drag [回调函数接受的参数] event: 原生的浏览器事件. ui: JQuery的ui对象 this: 当前拖动的控件DOM对象 stop: 拖动结束. [类型]dragstop [回调函数接受的参数] event: 原生的浏览器事件. ui: JQuery的ui对象 this: 当前拖动的控件DOM对象 [代码示例] 初始化时设置事件. $('.selector').draggable({ start: function(event, ui) { alert(this); }, drag: function(event, ui) { alert(this); }, stop: function(event, ui) { alert(this); } }); 动态的绑定事件. 动态绑定时候, 使用的事件名就是事件的类型. $(".selector").bind('dragstart', function(event, ui) { alert(this); }); $(".selector").bind('drag', function(event, ui) { alert(this); }); $(".selector").bind('dragstop', function(event, ui) { alert(this); }); [方法] destroy: 完全移除一个可拖动控件, 使其回退到该元素被初始化成可拖动控件之前的状态. [代码示例] $(".selector").progressbar('destroy'); 将之前初始化的.selector指定的可拖动控件销毁, 使其返回初始化之前的状态. disable: 将可拖动控件样式改变成为失效, 与enable对应. enable: 将可拖动控件样式改变为允许, 与disable对应. option: 获取或设置可拖动控件的选项, 第二个参数是选项名, 第三个参数是值. 如果不指定值, 就是获取, 指定值, 就是设置. [总结] addClasses: 用来设置是否添加ui-draggable样式. appendTo: 设置追加到什么地方 axis: 设置拖动的方向 cancel, handle: 设置控制整个控件拖动动作的区域, cancel指定区域不能拖动, handle指定区域控制控件拖动. connectToSortable: 需要和sortable集成. containment: 设置控件可拖动范围 cursor, cursorAt: 设置拖动过程中, 鼠标的样式及相对空间自身的位置. delay, distance: 设置拖动的延迟, delay设置延迟时间, distance设置延迟距离, 目的是防止误点击带来的不期望拖动. grid: 设置拖动过程移动的单位(以小格的方式移动) helper: 设置拖动过程中, 跟随鼠标移动的组件. iframeFix: 解决拖动过程中与iframe层叠后的事件问题. opacity: 拖动过程helper的不透明度. refreshPositions: 设置后drop过程中, 鼠标每次移动都会计算位置. revert, revertDuration: 设置撤销移动相关. scope: 设定draggable的域, 用来和droppable结合使用时确定可放入的目标. scroll, scrollSensitivity, scrollSpeed: 设置拖动过程中带来的滚动条相关问题. snap, snapMode, snapTolerance: 设置吸附的相关属性. stack, zIndex: 设置控件的层次.
发表评论
-
jquery.corner插件的图片角处理
2012-03-08 15:48 1063http://www.malsup.com/jquery/co ... -
jQuery删除元素remove
2012-01-06 14:55 0写道 在DOM操作页面时,删除元素的方法jquery提供了两 ... -
解决jQuery中dbclick事件触发两次click事件
2012-01-06 14:09 0在jQuery事件绑定中,dbclick可以触发两次click ... -
模拟超链接单击事件
2012-01-06 14:06 1309js脚本 function aClick(){ ... -
jQuery-Draggable参数介绍
2012-01-06 11:02 1530默认设置值: $.extend($.ui.draggable ... -
jQuery EasyUI 可拖放(Draggable)用法
2012-01-06 11:01 1801jQuery EasyUI可以方便实现很多功能,这里将会介绍一 ... -
JQuery获得绝对,相对位置的坐标方法
2012-01-06 10:57 882获取页面某一元素的绝对X,Y坐标,可以用offset()方 ... -
jquery的table操作之在指定行后添加新行
2011-12-30 16:02 3071<!DOCTYPE HTML PUBLIC " ... -
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID
2011-11-25 17:58 3242query取得iframe中元素的几种方法 在if ... -
25个超棒的jQuery日历和日期选取插件
2011-06-08 18:23 3203本文介绍25个非常不错的jQuery日历和日期选取插件, ... -
30个最佳 jQuery Lightbox 效果插件
2011-06-08 18:19 2153Lightbox 应该是最流行的图片浏览效果了,常具有功 ... -
60款很酷的 jQuery 幻灯片演示和下载
2011-06-08 18:17 1173jQuery 是一个非常优秀的 JavaScript 框 ... -
10款新鲜出炉的 jQuery 插件
2011-06-08 18:14 1189这篇文章与大家分享的是10款新鲜出炉的基于 jQuery ... -
jquery UI: 推荐8个独特应用的JQuery拖放插件Table Drag plugin
2011-04-28 19:21 1855推荐8个独特应用的JQuery拖放插件 ... -
jquery1.4后 jqDrag 拖动 不可用
2011-04-06 14:28 847复制代码 代码如下: (function($){ $.f ... -
解决flexgrid的属性showToggleBtn为false,时的bug
2011-03-29 17:42 1403采用flexgrid插件时,当属性showToggleBtn为 ... -
jqmodal遮罩层的实现
2011-03-29 15:24 1991前些天公司的项目中,为了一些特效,要用到遮罩效果。了解了一下, ... -
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2011-03-12 12:17 1678/* 缺陷,当前在ff3下,用jquery的 ... -
240多个jQuery插件
2011-02-14 09:12 1039网上看到的一些jQuery插件,一共有240个,记录下来, ... -
JQuery 技术以及相关插件网址
2011-02-12 14:08 1051官网: 技术资料: jQue ...
相关推荐
这个文件包含了jQuery UI的所有核心组件,如对话框(Dialog)、拖放(Draggable)、可排序(Sortable)、可折叠(Accordion)、时间选择器(Datepicker)等,以及众多动画效果和实用工具函数。由于进行了压缩,代码...
《jQuery UI 1.7.2 中文文档详解》 jQuery UI 是一个基于 jQuery 的开源库,它提供了丰富的用户界面组件和交互效果,为开发者构建功能完善的Web应用程序提供了强大支持。1.7.2版本是该库的一个稳定版本,包含了众多...
jQuery UI是基于jQuery的用户界面库,包含一组可复用的组件,如对话框(Dialog)、日历(Datepicker)、拖放(Draggable)、可排序(Sortable)和效果(Effects)。在本案例中,虽然只提及了`jQuery-UI-Reference-...
jQuery UI允许通过主题 roller 工具(http://jqueryui.com/themeroller/)来自定义组件的样式,以匹配网站的整体设计。你可以选择颜色、字体、边框等样式,然后下载生成的CSS文件,替换到项目中。 此外,还可以通过...
`jQuery_UI+-++draggable+中文API.pdf` 这份文档提供了拖放功能的中文API,这对于中文阅读者来说非常有帮助,它详尽地解释了如何设置拖放行为,包括如何定义拖动的限制、鼠标指针样式、拖放时的事件处理等,让你能够...
### jQuery UI使用手册知识点概述 #### jQuery UI简介 jQuery UI是一个基于jQuery的用户界面库,它为jQuery框架提供了一套丰富的用户界面交互小部件。尽管在功能上可能与extjs的ui存在一定的差距,但jQuery UI的...
**jQuery UI 中文帮助文档详解** jQuery UI 是一个基于 jQuery JavaScript 库的开源项目,它提供了丰富的用户界面组件,使得开发者能够轻松创建交互性强、视觉效果美观的网页应用。这个中文帮助文档是针对jQuery UI...
最新官方jQuery UI插件 主流特效Demo,绝不含糊。 好东西不需要过多的言辞修饰,下了就知道! 所有效果说明: 基本的鼠标互动: 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种...
10. **文档与示例**:尽管是精简版,`jQuery.layout`仍应提供详细的文档和示例代码,帮助开发者快速上手并理解其工作原理。 总的来说,`jQuery.layout`精简版为开发者提供了一种轻量级的解决方案,用于创建动态、...
`jquery.event.drag`是jQuery的一个扩展插件,由Jörn Zaefferer开发,它是jQuery UI中的`draggable`组件的一个轻量级替代品,适用于那些不需要完整UI框架的项目。这个插件为jQuery对象添加了拖放事件处理,使得...
jQuery UI Draggable插件是jQuery UI库中的一个组件,它允许用户通过鼠标拖动选定的HTML元素。这个功能常用于创建交互式用户界面,如拖放功能。在使用Draggable时,元素会自动添加`ui-draggable`的CSS类,而在拖动...
首先,jQuery UI 包含了多个模块化组件,如对话框(Dialog)、日历(Datepicker)、拖放(Draggable)、可排序(Sortable)和可叠放(Resizable)等,这些组件大大简化了创建交互式网页的过程。在“jquery.ui-1.5b2...
虽然 "jquery.ui-1.5b4" 是一个旧版本,但仍可以通过官方文档、在线教程和社区讨论来学习其用法。理解这些基本组件的工作原理有助于深入理解 jQuery UI,为学习更现代版本打下基础。 ### 6. 进阶概念 jQuery UI 还...
在实现拖拽效果时,我们需要引入 jQuery UI 的相关库,包括 `jquery.ui.core`, `jquery.ui.widget`, `jquery.ui.mouse`, `jquery.ui.draggable` 和 `jquery.ui.droppable`。 `jquery.ui.draggable` 是实现拖动行为...
通过访问在线工具(如 http://jqueryui.com/themeroller/),可以选择颜色、字体、边框等样式,生成定制的主题 CSS 文件。下载后,替换默认的 `jquery-ui.min.css` 文件,即可实现整个 UI 的风格统一。 ### 3. 常见...
在《jQuery.UI.1.8.The.User.Interface.Library.pdf》文档中,你将找到关于每个组件的详细使用指南、API文档和示例代码。而6525_Code可能包含了jQuery UI 1.8的源代码,这为深入研究和二次开发提供了宝贵资源。 ...
这是jQuery UI的基础,包括日期选择器(Datepicker)、对话框(Dialog)、下拉菜单(Autocomplete)、滑块(Slider)、进度条(Progressbar)、可排序列表(Sortable)、可拖放元素(Draggable)、可吸附元素...