一行代码轻松实现拖动效果

写JS实现拖动需要一大堆不便维护的代码，实属麻烦，Google了大半天，发现了一个优秀的Jquery插件EasyDrag，只需要一行代码便可轻松在主流浏览器上

实现拖动效果.

  $(document).ready( function()
       {
        $("#divPanel").easydrag();
       }
     );

 

Html 代码

 

Code

 

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

 

    $(document).ready ( function()
            {
                $("#divPanel").easydrag();
            
                $("#divPanel").setHandler("divTitle");
            }
        );

 

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

 

 /Files/HappySky/Drag.rar 

 

 

  回复  引用  查看    
#1楼 2009-05-12 12:41 | Gray Zhang      
jquery ui有draggable插件，不知是否有兴趣？
  回复  引用  查看    
#3楼 2009-05-12 13:05 | 猪怕壮      
@demo而已
和出此言
  回复  引用  查看    
#3楼 2009-05-12 13:19 | James.Ying      
支持一下
  回复  引用  查看    
#4楼 [楼主]2009-05-12 13:26 | 年青人      
多谢支持呵.
  回复  引用  查看    
#5楼 2009-05-12 13:44 | Aspgreener      
呵呵。支持！
---------------------------------------
专注于自己的网站。http://www.xiaoshiyiluokuang.com
  回复  引用  查看    
#6楼 2009-05-12 13:46 | 西狐      
呵呵..
  回复  引用  查看    
#7楼 [楼主]2009-05-12 13:46 | 年青人      
@Gray Zhang

Jquery UI确实不错呵，但文件好大
  回复  引用  查看    
#8楼 2009-05-12 13:59 | cloudgamer      
晕
那是一行代码调用不是一行代码实现好不好
  回复  引用  查看    
#9楼 2009-05-12 14:10 | Freedom~Jun      
当页面下载Jquery.js时候，就为实现这个功能，恩，有点浪费
  回复  引用  查看    
#10楼 2009-05-12 15:40 | 发仔      
--引用--------------------------------------------------
cloudgamer: 晕
那是一行代码调用不是一行代码实现好不好
--------------------------------------------------------
正是我想说的
  回复  引用  查看    
#11楼 2009-05-12 16:15 | 杜建宇      

忽悠。
  回复  引用  查看    
#12楼 2009-05-12 16:51 | winter-cn      
--引用--------------------------------------------------
cloudgamer: 晕
那是一行代码调用不是一行代码实现好不好
--------------------------------------------------------
其实一行代码可以实现任何东西 只要我不换行......
  回复  引用  查看    
#13楼 2009-05-12 16:54 | 菩提树下的杨过      
--引用--------------------------------------------------
winter-cn: --引用--------------------------------------------------
cloudgamer: 晕
那是一行代码调用不是一行代码实现好不好
--------------------------------------------------------
其实一行代码可以实现任何东西 只要我不换行......
--------------------------------------------------------
这是我见过最牛的回复！
  回复  引用  查看    
#14楼 2009-05-12 18:34 | cloudgamer      
--引用--------------------------------------------------
winter-cn: --引用--------------------------------------------------
cloudgamer: 晕
那是一行代码调用不是一行代码实现好不好
--------------------------------------------------------
其实一行代码可以实现任何东西 只要我不换行......
--------------------------------------------------------

如果真的不用工具就在一行里手写编程不知是什么感觉
  回复  引用  查看    
#15楼 2009-05-12 21:22 | 晴天彩虹      
不错，收藏一下
  回复  引用  查看    
#16楼 2009-05-13 10:44 | bo工具网      
jquery插件的确很强大
但是为了实现效果，一般都要调用2个文件以上，太大了:(
-----------------------------------------
我的juqery插件小站：bo工具网

  回复  引用    
#17楼 59.60.9.*2009-05-13 14:05 | Genius_Zhang [未注册用户]
--引用--------------------------------------------------
cloudgamer: --引用--------------------------------------------------
winter-cn: --引用--------------------------------------------------
cloudgamer: 晕
那是一行代码调用不是一行代码实现好不好
--------------------------------------------------------
其实一行代码可以实现任何东西 只要我不换行......
--------------------------------------------------------

如果真的不用工具就在一行里手写编程不知是什么感觉
--------------------------------------------------------

顶一下这个，哈哈。。。觉得有些东西是行，但不要太极端了。。。

就如压缩过的JS，让你看它是实现什么功能的，请问能看出什么来吗？我目前至少不行，我都要格式化一下再替换变量名看一下。。。

哪位高手行的，举一下手，让小弟崇拜一下。。。
posted @ 2009-05-13 19:44  XGU_Winner  阅读(388)  评论(0)  编辑  收藏  举报