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

         写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">
        Title
       </div>
       <div style="100%">
      
       </div>
       </div>
      
      
      EasyDrag还可以指定可拖动的区域,比如只能通过标题拖动整个div,我们JS可以这样写
      
      
      
       $(document).ready ( function()
       {
       $("#divPanel").easydrag();
      
       $("#divPanel").setHandler("divTitle");
       }
       );
      
      
      一个setHandler搞定,不错开源是个好东西,Jquery更是好东西,插件扩展机制不是一般的好。
      https://files.cnblogs.com/HappySky/Drag.rar

  • 相关阅读:
    python基础--文件操作实现全文或单行替换
    python基础7--集合
    python读写json文件
    python基础6--目录结构
    python基础5--模块
    Ubuntu的一些常用快捷键
    ubuntu dpkg 命令详解
    linux(Ubuntu)安装QQ2013
    fcitx-sogoupinyin下载地址和安装
    Ubuntu下装QQ2014
  • 原文地址:https://www.cnblogs.com/soundcode/p/1917177.html
Copyright © 2011-2022 走看看