可以在页面上直接托动的图片效果
用鼠标托一下图片看看可以吗！！！
第一步先将你网页的<body>语句改为<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: 90; left: 200; position: absolute; top:
200; width: 90">
<dd><img alt border="0" src="images/logo1.gif"
width="468" height="60"> </dd> </div>
使用这个效果的时候，记得把图片换成你自己的，要不就........呵呵，不用我多说了吧！！！在此希望你可以给本站做链接,谢谢！！！