一个基于jQuery的拖放插件,易于使用,所有的操作均通过调用draggable进行。
基本用法:
$('#dd').draggable();
$('#dd').draggable({handle:'#title'});
停止拖放:$('#dd').draggable({disabled:true});
恢复拖放:$('#dd').draggable({disabled:false});
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>New Document</TITLE> <script type="text/javascript" src="../jquery-1.4.2.min.js"></script> <SCRIPT LANGUAGE="JavaScr
jquery-plugin jquery-plugin\copy jquery-plugin\copy\ZeroClipboard.js jquery-plugin\copy\ZeroClipboard.swf jquery-plugin\daterange jquery-plugin\daterange\jquery.daterange.css jquery-plugin\daterange\j
别人做的很好,不知如何做既可以拖又可以放大的东西,逐渐摸索中,此为第一版本 <!DOCTYPE html> <html lang="en"> <head> <title>Image Zoom Tour with jQuery</title> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Com
实现功能: 1.修改标题样式。把jquery ui的标题样式放上去。支持换肤。 2.修改按钮样式,换成jqueryui的button按钮样式。 3.将模式化窗口的背景换成了jqueryui的模式化背景。 代码: //首先要引入jquery,以及ui的包和皮肤的样式如: (function($) { $.alerts = { // These properties can be read/writt
所属类别 交互(Interactions) 用法 描述:允许使用鼠标移动元素。 版本新增:1.0 依赖: UI 核心(UI Core) 部件库(Widget Factory) 鼠标交互(Mouse Interaction) 注释:让被选元素可被鼠标拖拽。如果您不只是拖拽,而是拖拽 & 放置,请查看 jQuery UI 可放置(Droppable)插件,为可拖拽元素提供了一个放置目标。 快速导航
特效描述:jquery html5css3 网站内容更新 时间轴进度条效果。时间轴两侧的内容随着滚动条滚动,动画形式从右侧加载到中间,也有时间轴快速跳到想要的月份内容 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 Nov Oct Sep Aug Jul Jun November 2011 Typography Effects with CSS3 and jQuery Novemb
jQuery Image Annotation Plugin Tuesday, 17 March 2009 Download Released: 2nd April, 2009 Flickr was the first site to widely introduce the concept of annotating images with user comments. This conce
pre { white-space: pre-wrap; } jQuery EasyUI 插件 通过 $.fn.draggable.defaults 重写默认的 defaults。 用法 通过标记创建可拖动(draggable)元素。 <div id="dd" data-options="handle:'#title'"> <div id="title">title</div> </di
本文向大家介绍jQuery EasyUI Draggable拖动组件,包括了jQuery EasyUI Draggable拖动组件的使用技巧和注意事项,需要的朋友参考一下 上文已经提到过了jQuery EasyUI插件引用一般我们常用的有两种方式(排除easyload加载方式),所以本篇要总结的Draggable组件同样有两种方式加载: (1)、使用class加载方式: (2)、JS 加载调用 $
允许使用鼠标移动元素。 如需了解更多有关 draggable 交互的细节,请查看 API 文档 可拖拽小部件(Draggable Widget)。 默认功能 在任意的 DOM 元素上启用 draggable 功能。通过鼠标点击并在视区中拖动来移动 draggable 对象。 <!doctype html> <html lang="en"> <head> <meta charset="utf-
允许拖放树中的节点,从而进行移动或复制操作。 $.jstree.defaults.dnddnd plugin 存储拖放插件的所有默认设置 $.jstree.defaults.dnd.copydnd plugin 一个布尔值,指示在拖动时是否应该可以进行复制(通过按入meta键或Ctrl)。默认为 true. $.jstree.defaults.dnd.open_timeoutdnd plugin
jQueryUI提供了draggable()方法,可以使任何DOM元素可拖动。 一旦元素可拖动,您可以通过用鼠标单击它并将其拖动到视口内的任何位置来移动该元素。 语法 (Syntax) draggable()方法可以使用两种形式 - $(selector,context).draggable(options)方法 $(selector,context).draggable(“action”,[pa
所属类别 交互(Interactions) 用法 描述:允许使用鼠标移动元素。 版本新增:1.0 依赖: UI 核心(UI Core) 部件库(Widget Factory) 鼠标交互(Mouse Interaction) 注释:让被选元素可被鼠标拖拽。如果您不只是拖拽,而是拖拽 & 放置,请查看 jQuery UI 可放置(Droppable)插件,为可拖拽元素提供了一个放置目标。 快速导航 选