<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怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
773
收藏
