首页 新闻 搜索 专区 学院

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   和  火狐,,都不行..

望各位大神指教.

小谦风雨的主页 小谦风雨 | 初学一级 | 园豆:154
提问于:2013-03-14 20:45
< >
分享
最佳答案
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
acjialiren | 初学一级 |园豆:191 | 2013-03-15 00:13

居然还没事。我也不知道为啥 你css里赋值了了,但是js里不赋值,obj.style.left 是空,后面的都算不出。你试试css 改成 1px看看

acjialiren | 园豆:191 (初学一级) | 2013-03-15 00:24
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册