能用鼠标拖放的图片

稿源：互联网 2022-04-17 15:52:50 点击： 714 撤稿纠错

能用鼠标拖放的图片，阿里西西网页特效收集。

以下讨论的是和拖动特效相关的能用鼠标拖放的图片教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<title>阿里西西网页特效演示，能用鼠标拖放的图片</title>
</head><body onload="init()">

<SCRIPT language=JavaScript>
<!--

drag = 0
move = 0

function 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 id=block1 onmouseout=drag=0 onmouseover="dragObj=block1; drag=1;" 
style="HEIGHT: 90px; LEFT: 200px; POSITION: absolute; TOP: 200px; WIDTH: 90px">
  <IMG 
alt="" border=0 
src="http://www.alixixi.com/images/face/image21.gif" border="0" width="85" height="55">
</body></html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于能用鼠标拖放的图片的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080714737.shtml方便下次再访问哦。

·上一篇： 图像的动态水波倒影
·下一篇： 图片飞舞效果

能用鼠标拖放的图片

文章分类LIST >>返回首页

最新游戏

最新新闻