首頁 > 開發者 > 手機程式開發

小代碼 html 移動div 圖片 文字 任意性

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：小代碼

<Html><Head><title>能用滑鼠拖放的圖片</title></Head><Body  bgColor="#ffffff" onload="init()">  <SCRIPT language=JavaScript>drag = 0move = 0function init() {    window.document.onmousemove = mouseMove    window.document.onmousedown = mouseDown    window.document.onmouseup = mouseUp    window.document.ondragstart = mouseStop}function mouseDown() {    if (drag) {        clickleft = window.event.x - parseInt(dragObj.style.left)        clicktop = window.event.y - parseInt(dragObj.style.top)        dragObj.style.zIndex += 1        move = 1    }}function mouseStop() {    window.event.returnValue = false}function mouseMove() {    if (move) {        dragObj.style.left = window.event.x - clickleft        dragObj.style.top = window.event.y - clicktop    }}function mouseUp() {    move = 0}</SCRIPT><DIV onmouseout=drag=0 onmouseover="dragObj=this; drag=1;" style="HEIGHT: 90px; LEFT: 200px; POSITION: absolute; TOP: 50px; WIDTH: 90px;background-color:red"></div><DIV onmouseout=drag=0 onmouseover="dragObj=this; drag=1;" style="HEIGHT: 90px; LEFT: 200px; POSITION: absolute; TOP: 170px; WIDTH: 90px;background-color:orange"></div><DIV onmouseout=drag=0 onmouseover="dragObj=this; drag=1;" style="HEIGHT: 90px; LEFT: 200px; POSITION: absolute; TOP: 290px; WIDTH: 90px;background-color:blue"></div></Body></Html>

當我們 載入圖片在div上面的時候 作用就好看見了

有一定使用意義


小代碼 html 移動div   圖片 文字 任意性

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More