請問我的代碼哪里出問題了??
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>動畫效果</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 type="text/javascript">
window.onload=function(){
?? ?var oDiv=document.getElementById("div1");
?? ?oDiv.onmouseover=function(){
?? ??? ?startMove(0);
?? ?}
?? ?oDiv.onmouseout=function(){
?? ??? ?startMove(-200);
?? ?}
}
?? ?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">分<br/>享</span>
? </div>
</body>
</html>
2015-08-04
謝謝你,我也看到了^_^
2015-07-31
你的分享在div回去的時候就沒了是吧,你的停止計時器條件不應(yīng)該傳入200的值,因為你的div是180,你把你180的地方改成200就好了