首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

用javascript让图片每秒移动一下的有关问题,新手

2012-05-27 
用javascript让图片每秒移动一下的问题,新手请求帮助新手请求;HTML codehtmlheadtitle/titlescri

用javascript让图片每秒移动一下的问题,新手请求帮助
新手请求;

HTML code
<html><head><title></title><script type="text/javascript">//让图片每秒左移10像素    var imgdo = null;    function imgmove(){        imgdo = document.getElementById("imgdo");        imgdo.style.left = leftpx;        imgdo.style.left = leftpx - 10;        window.setTimeout('imgmove()',1000);    }    window.setTimeout('imgmove()',100)</script></head><body><img src="ic_launcher.png" style="position :absolute ;left : 400px; top:400px" id="imgdo" /></body></html>

想做出图片每秒移动的效果,而且最好是得到图片位置再递减,不要再javascript里手动写图片的位置。感谢大家的帮助,一定速度给分的。嘿嘿

[解决办法]
HTML code
<html><head><title></title><script type="text/javascript">//让图片每秒左移10像素    var imgdo = null;    function imgmove(){        imgdo = document.getElementById("imgdo");        leftpx = parseInt(imgdo.style.left);        imgdo.style.left = leftpx - 10 + 'px';        window.setTimeout('imgmove()',1000);    }    window.setTimeout(imgmove, 100)</script></head><body><img src="http://avatar.profile.csdn.net/8/D/B/2_tankun2011.jpg" style="position :absolute ;left : 400px; top:400px" id="imgdo" /></body></html> 

热点排行