JavaScript实现动画,但是却实现不了
0
悬赏园豆：10
[已解决问题]
解决于 2013-03-15 00:19
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>jQuery操作CSS3样式</title>
<link rel="stylesheet" type="text/css" href="lsq.css"/>
<style>
#mydiv{
position:absolute;
width:50px;
height:50px;
background:none repeat scroll 0% 0% rgb(255,0,0);
left:0px;
position:absolute;
}
</style>
<script src="js/jquery-1.9.1.js" type="text/javascript"></script>
</head>
<body onLoad="test()">
<div id="mydiv" >
</div>
</body>
<script>
function test(){
var obj=document.getElementById('mydiv');
function changeStyle(){
obj.style.left=parseInt(obj.style.left)+20+'px';
}
setInterval(changeStyle,40);
}
</script>
</html>
应该是向右滑动,但是却不滑动.用了 chrome IE 和 火狐,,都不行..
望各位大神指教.
最佳答案
0
function test(){
var obj=document.getElementById('mydiv');
obj.style.left = 0;//add this
function changeStyle(){
obj.style.left=(parseInt(obj.style.left)+20)+'px';
}
setInterval(changeStyle,40);
}
收获园豆：10
居然还没事。我也不知道为啥 你css里赋值了了，但是js里不赋值，obj.style.left 是空，后面的都算不出。你试试css 改成 1px看看
