手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jquery的一行代码轻松实现拖动效果
基于jquery的一行代码轻松实现拖动效果
摘要:实现拖动效果.复制代码代码如下:$(document).ready(function(){$("#divPanel").easydrag()...

实现拖动效果.

复制代码 代码如下:

$(document).ready( function()

{

$("#divPanel").easydrag();

}

);

Html 代码

复制代码 代码如下:

<div id="divPanel" >

<div id="divTitle">

Title

</div>

<div>

</div>

</div>

EasyDrag还可以指定可拖动的区域,比如只能通过标题拖动整个div,我们JS可以这样写

复制代码 代码如下:

$(document).ready ( function()

{

$("#divPanel").easydrag();

$("#divPanel").setHandler("divTitle");

}

);

一个setHandler搞定,不错开源是个好东西,Jquery更是好东西,插件扩展机制不是一般的好。

Drag.rar打包

【基于jquery的一行代码轻松实现拖动效果】相关文章:

Jquery中基本选择器用法实例详解

Jquery实现动态切换图片的方法

jQuery实现dialog设置focus焦点的方法

jquery实现弹出层效果实例

jQuery插件pagewalkthrough实现引导页效果

javaScript中with函数用法实例分析

jQuery实现表格行上下移动和置顶效果

javascript搜索框效果实现方法

jquery实现用户打分评分特效

javaScript中slice函数用法实例分析

精品推荐
分类导航