JS图片漂浮效果动不起来
varx=0,y=0;functionstart(){x++;y++;vardiv=document.getElementById('div');div.style.le...
var x=0,y=0;
function start()
{
x++;
y++;
var div=document.getElementById('div');
div.style.left=x;
div.style.top=y;
setTimeOut('move()',50); // 定时器，
}
-------------------------------------------------
以上是JS代码，下面是html
<body onload='start()'> <!--在onload的时候就执行漂浮方法-->
<div id="div" style='position: absolute;'>
<img src="1.jpg">
</div>
</body>
-------------------------------------------------
图片完全是一动不动啊- -新手求指点。
setTimeOut('start()',50); // 定时器，上面写错了，应该都是start，还是不能行 展开
function start()
{
x++;
y++;
var div=document.getElementById('div');
div.style.left=x;
div.style.top=y;
setTimeOut('move()',50); // 定时器，
}
-------------------------------------------------
以上是JS代码，下面是html
<body onload='start()'> <!--在onload的时候就执行漂浮方法-->
<div id="div" style='position: absolute;'>
<img src="1.jpg">
</div>
</body>
-------------------------------------------------
图片完全是一动不动啊- -新手求指点。
setTimeOut('start()',50); // 定时器，上面写错了，应该都是start，还是不能行 展开
1个回答
展开全部
修改代码试下:
div.style.left=x+"px";
div.style.top=y+"px";
div.style.left=x+"px";
div.style.top=y+"px";
追问
还真好了。请问这是为什么呢
追答
因为 left 和 top 是有单位的(像素(px))的,而 x 和 y 单纯是数字。
就好比如你用 css 写样式时,
div{
width:500px;
height:500px;
left:500px;
top:100px;
/*注意到了没,它们后面都跟有单位:px*/
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
