• 0712-2888027 189-8648-0214
    網站風格 域名注冊 虛擬主機 網站備案 收藏網站
    微信公眾號

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

    孝感風信網絡科技有限公司
    當前位置：主頁 > 技術支持 > Javascript/JQuery > jQuery插件EasyDrag輕松實現彈出框任意拖動效果

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

    時間：2024-03-28來源：風信官網 點擊： 680次
    一個優秀的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更是好東西，插件擴展機制不是一般的好。
    熱門關鍵詞： jQuery 插件 EasyDrag 彈出框 任意拖動效果

    您可能感興趣的相關文章：

    欄目列表
    推薦內容
    熱點內容
    分享到微信朋友圈
    打開微信，點擊底部的“發現”，
    使用“掃一掃”即可將網頁分享至朋友圈。
    網絡經濟主體信息 孝感風信網絡科技有限公司 版權所有 鄂公網安備 42090202000212號 鄂ICP備12004347號
    展開
    动漫h精品无码一区二区三区,欧美日韩精品一区二区,午夜麻豆国产精品,加勒比中文字幕无码,亚洲日本va中文字幕区