zoukankan      html  css  js  c++  java
  • 一行代码轻松实现拖动效果[JQuery]

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

    实现拖动效果.

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

    Html 代码


      <div id="divPanel" style="300px;height:300px;background:white;border:1px solid #000000;position:absolute;left:5px;top:50px" >
            
    <div id="divTitle" style="100%;height:25px;background:lavender">
                
    &nbsp;Title
            
    </div>
            
    <div style="100%">
                
            
    </div>
        
    </div>

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

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

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

  • 相关阅读:
    (转)大数据量高并发的数据库优化与sql优化
    SQL Server查询优化方法参考(转)
    CString和LPCSTR区别(转)
    delphi读写剪贴板的一些参考
    Delphi和VC混合编程总结
    Delphi 一些函数解释
    伪共享与volatile
    happens-before原则
    递归与回溯-排立组合
    二叉树
  • 原文地址:https://www.cnblogs.com/ranzige/p/3554561.html
Copyright © 2011-2022 走看看