公交车上荫蒂添的好舒服的电影-公用玩物(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

主站蜘蛛池模板: 91视频免费看平台安全吗 | av免费在线播放网址 | 丰满少妇内射一区 | 国产最新三级在线播放视频 | 激情一区二区三区 | 成人无码不卡在线一区 | 国产午夜鲁丝片av无码第一 | 国产日韩在线播放一区 | 国产成人8x人网站视频下载 | 丰满多毛少妇做爰视 | 国精无码欧精品 | 成人无码av片在线观看蜜桃 | 国产一级毛片又粗又黄又硬 | 国产一区二区三区四区五区视频 | 国产精品一区二区制服 | 国产精品爆乳99久久 | 国产精品偷伦视频观看免费入 | 国产成人毛片在线视频app | 国产成人人人97超碰超爽8 | 国产高清在线a视频大全首页 | 精品无码人妻一区二区三 | 岛国动作片免费免费全集观看 | 国产中文字幕久青草免费在线看 | 国产麻豆精品乱码一区 | 国产精品免费va在线观看 | 成人国产欧美日韩在 | 国产熟女一区二区三区十视频 | 国产精品视频一区二区首页 | 国产白丝护士av在线网站 | 国产高清精品一区二区不卡 | 国产aⅴ精品 | 动漫洲国产精品无码专区2d | 国产精品白浆在线播放 | 国产口爆吞精在钱视频 | 国产成人啪精品午夜在线观看 | 国产精品美女久久久久久麻 | 成年女人毛片免费播放人 | 91成人网址 | 国产一区二区三区91在线 | 国产成人综合日韩精品无 | 国产精品一区二区久久优播 |