能用鼠标拖放的图片-JS特效-爱易网页

能用鼠标拖放的图片

日期：2014-05-18　浏览次数：20287 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

<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.aiyiweb.com/images/face/image21.gif" border="0" width="85" height="55" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
</body></html>
<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]