能否幫忙查看一下代碼<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>動(dòng)畫效果</title>?<style type="text/css">?*{margin:0;?padding:0;}#div1{? ? width:180px;? ? height:300px;? ? background:#C9F;? ? border-radius:10px;? ? position:relative;? ? left:-180px;? ??? ? }#div1 #share{? ? width:20px;? ? height:30px;? ? background:#CC3;? ? color:#93C;? ? position:relative;? ? left:180px;? ? top:90px;? ? }?</style>?<script language="text/javascript">window.onload=function(){? ? var oDiv=document.getElementById("div1");? ? oDiv.onmouseover=function(){? ? ? ? startMove(0);? ? }? ? oDiv.onmouseout=function(){? ? ? ? startMove(-180);? ? }}? ? var timer=null;function startMove(iTarget){? ? clearInterval(timer);? ? var oDiv =document.getElementById("div1");? ? timer=setInterval(function(){? ? ? ? var speed=0;? ? ? ? if(oDiv.offsetLeft>iTarget){? ? ? ? ? ? speed=-10;? ? ? ? ? ? }? ? ? ? else{? ? ? ? ? ? speed=10;? ? ? ? ? ? }? ? ? ? if(oDiv.offsetLeft==iTarget){? ? ? ? ? ? clearInterval(timer);? ? ? ? ? ? }? ? ? ? else{? ? ? ? oDiv.style.left=oDiv.offsetLeft+speed+"px";? ? ? ? }? ? ? ? },30)? ? }? </script></head><body><div id="div1"><span id="share">分享</span></div></body></html>
能否幫忙檢查一下代碼,動(dòng)畫效果不出來
淺水花梧桐_0
2015-10-11 14:16:50