<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>無標題文檔</title><style>* { margin:0; padding:0;}#div1 { width:200px; height:200px; background:#0066CC; margin-left:100px; position:relative;}img { position:absolute; left:100px;}</style><script>window.onload=function (){div1=document.getElementById("div1");img1=document.getElementById("img1");div1.onmouseover=function() {startmove(img1,"left",-20);}div1.onmouseout=function(){startmove(img1,"left",20);}}function startmove(obj,attr,num){var timer;clearInterval(obj.timer);var a=0,speed;num>0?speed=1:speed=-1;obj.timer=setInterval(function(){if(a==num) {clearInterval(timer);}else{obj.style[attr]= parseInt(getStyle(obj,attr))+speed+"px"; a=a+speed;?}},20);}function getStyle(obj,attr){if(obj.currentStyle){? ?return obj.currentStyle[attr];}else{ return getComputedStyle(obj,false)[attr];}}</script></head><body><div id="div1">?<h1>插入圖片</h1><img id="img1" src="pic5.gif" /></div></body></html>想實現的效果：鼠標放上DIV，里面的圖片左移20px,鼠標放開后，圖片回復到開始的位置?，F在的問題是，如果鼠標迅速滑過會出現img1回開始位置 的時候跑出DIV的問題，鼠標如果在DIV內停久一點就正常)原因我知道， 是 a 還沒有到20的時候， 就鼠標滑開導致的， 問題是要怎么解呢？
鼠標放上DIV，里面的圖片左移20px,鼠標放開后，圖片恢復不了原位的原因
rainy_li3676598
2016-11-25 14:23:13
