公交车上荫蒂添的好舒服的电影-公用玩物(np双xing总受)-公用小荡货芊芊-公与妇仑乱hd-攻把受做哭边走边肉楼梯play-古装一级淫片a免费播放口

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

[點晴永久免費OA]JavaScript 設置 DIV 可拖動

admin
2024年11月22日 12:15 本文熱度 1391

:JavaScript 設置 DIV 可拖動

<h1>拖動 DIV 元素</h1>


<p>點擊以下方框,通過拖動鼠標來拖動元素。</p>


<div id="mydiv">

    <div id="mydivheader">----點我移動----</div>

    <p>Move</p>

    <p>this</p>

    <p>DIV</p>

</div>

<style>

    #mydiv {

        position: absolute;

        z-index: 9;

        background-color: #f1f1f1;

        text-align: center;

        border: 1px solid #d3d3d3;

    }

    

    #mydivheader {

        padding: 10px;

        cursor: move;

        z-index: 10;

        background-color: #2196F3;

        color: #fff;

    }

</style>


<script>

    //Make the DIV element draggagle:

    dragElement(document.getElementById(("mydiv")));

    

    function dragElement(elmnt) {

      var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;

      if (document.getElementById(elmnt.id + "header")) {

        /* if present, the header is where you move the DIV from:*/

        document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;

      } else {

        /* otherwise, move the DIV from anywhere inside the DIV:*/

        elmnt.onmousedown = dragMouseDown;

      }

    

      function dragMouseDown(e) {

        e = e || window.event;

        // get the mouse cursor position at startup:

        pos3 = e.clientX;

        pos4 = e.clientY;

        document.onmouseup = closeDragElement;

        // call a function whenever the cursor moves:

        document.onmousemove = elementDrag;

      }

    

      function elementDrag(e) {

        e = e || window.event;

        // calculate the new cursor position:

        pos1 = pos3 - e.clientX;

        pos2 = pos4 - e.clientY;

        pos3 = e.clientX;

        pos4 = e.clientY;

        // set the element's new position:

        elmnt.style.top = (elmnt.offsetTop - pos2) + "px";

        elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";

      }

    

      function closeDragElement() {

        /* stop moving when mouse button is released:*/

        document.onmouseup = null;

        document.onmousemove = null;

      }

    }

</script>

?


該文章在 2024/11/22 15:56:38 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。
點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務費用、相關報表等業(yè)務管理,結合碼頭的業(yè)務特點,圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved

主站蜘蛛池模板: 18禁日本黄无遮挡禁免费网站 | 91国内精品自线在拍20 | 国产成人一区二区三区欧美 | 国产精品无码久久久久成人影院 | 91日本在线精品高清观看 | 国产成人精品日本亚洲直播 | 精品人妻一区二区 | 91久久久无码国产精品免费 | 二区三区精品久久 | 国产亚洲成aⅴ人片在线观看不卡 | 97人妻久久人人 | av无码人 | 国产av人人夜夜澡人人爽麻豆 | 国产亚洲欧洲人人网在线观看 | a片在线观看免费视频不卡 a片在线观看跳转不卡 | 18禁美女黄网站色大片在线 | 国产丝袜在线精品丝袜不卡 | 国产aⅴ无码一区二区三区 国产aⅴ无码专区久久精品国产 | 国产动漫一区二区三区在线观看 | 69国产精品视频免费 | 国产精品国语刺激对白在线观看 | 国产午夜精品喷水久久 | 国产一级a爱做片免费播放 国产一级a爱做片免费观看 | 成人亚洲精品久久99狠狠 | 国产在线拍揄自揄视频菠萝 | 成无码网在线观看 | 国产精品一区二区三区播放 | 97人妻免费专区 | 国产一区在线白浆 | 国产户外一区二区三区在线 | 国产成人久久av免费 | 国产一区二区三区地区 | 国产午夜三级片 | 国产拍偷自偷在线视频 | 国产欧美国日产在线播放 | 成av人片在线观看无码 | 国产成人综合vr | 国产av无码专区亚洲八aⅴ | 岛国av无码免费无禁网站 | 成人精品一区二区三区电影 | 91啪国产福利在线 |