<video id="h99qi"><ins id="h99qi"><span id="h99qi"></span></ins></video>

        <var id="h99qi"><td id="h99qi"></td></var>
        1. <acronym id="h99qi"></acronym>
          <wbr id="h99qi"><code id="h99qi"><span id="h99qi"></span></code></wbr>

          1. <var id="h99qi"><th id="h99qi"></th></var>
            0712-2888027 189-8648-0214
            微信公眾號

            孝感風信網絡科技有限公司微信公眾號

            當前位置:主頁 > 技術支持 > Javascript/JQuery > jQuery插件EasyDrag輕松實現彈出框任意拖動效果

            jQuery插件EasyDrag輕松實現彈出框任意拖動效果

            時間:2024-01-23來源:風信官網 點擊: 581次
            一個優秀的Jquery插件EasyDrag,只需要一行代碼便可輕松在主流瀏覽器上

            實現拖動效果.
            1.   $(document).ready( function()
            2.       {
            3.         $("#divPanel").easydrag();
            4.       }
            5.     );
            Html 代碼
            1.   <div id="divPanel" style="width:300px;height:300px;background:white;border:1px solid #000000;position:absolute;left:5px;top:50px" >
            2.         <div id="divTitle" style="width:100%;height:25px;background:lavender">
            3.             Title
            4.         </div>
            5.         <div style="width:100%">
            6.            
            7.         </div>
            8.     </div>
            EasyDrag還可以指定可拖動的區域,比如只能通過標題拖動整個div,我們JS可以這樣寫
            1.     $(document).ready ( function()
            2.             {
            3.                 $("#divPanel").easydrag();
            4.            
            5.                 $("#divPanel").setHandler("divTitle");
            6.             }
            7.         );
            一個setHandler搞定,不錯開源是個好東西,Jquery更是好東西,插件擴展機制不是一般的好。
            欄目列表
            推薦內容
            熱點內容
            展開
            亚洲精品在线视频_18禁无码毛片精品久久久久久_精品熟妇无码av免费久久_午夜福利片