Seven Two Blog

基本的鼠标互动： 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种互动效果： 手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条(sliders)、表格排序(table sorters)、页签(tabs)、放大镜效果(magnifier)、阴影效果(shadow) 第一部分：鼠标交互: 1.1 Draggables:拖拽: 所需文件： ui.mouse.js ui.draggable.js ui.draggable.ext.js 用法：文件载入后，可以拖拽class = “block”的层 $(document).ready(function(){ $(“.block”).draggable(); }); draggable(options)可以跟很多选项 选项说明：http://docs.jquery.com/UI/Draggables/draggable#options 选项实例：http://dev.jquery.com/view/trunk/plugins/ui/tests/draggable.html 1.2 Droppables: 所需要文件，drag drop ui.mouse.js ui.draggable.js ui.draggable.ext.js ui.droppable.js ui.droppable.ext.js 用法： $(document).ready(function(){ $(“.block”).draggable({helper: ‘clone’}); $(“.drop”).droppable({ accept: “.block”, activeClass: ‘droppable-active’, hoverClass: ‘droppable-hover’, drop: function(ev, ui) { $(this).append(“<br>Dropped!”); } }); }); 选项说明：http://docs.jquery.com/UI/Droppables/droppable#options 选项实例：http://dev.jquery.com/view/trunk/plugins/ui/tests/droppable.html 1.3　Sortables　排序: [...]

jQuery是什么？ jQuery是一个简洁快速的JavaScript库，它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加Ajax交互。 jQuery的设计会改变你写JavaScript代码的方式。 jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合任何JavaScript应用的地方，可用于不用的应用程序。