Rain_Song
جمعه 13 شهریور 1388, 17:38 عصر
سلام
من می خواستم با javascript حرکت انیمیشن رو به نمایش بذارم .. مثلا یه سری پرنده یا چیزای دیگه یه کمی هم نوشتم اما می خوام حرکتشون مداوم باشه یعنی بعد از اینکه از حاشیه های صفحه خارج شدن باز هم بیان اما نمی دونم چی کار کنم ! یه قسمت از code رو می ذارم ببینید می تونید کمک کنید ...
<body background="man.jpg" leftmargin="30" topmargin="10" bottommargin="10" rightmargin="30">
<div id="d1" style="width:700px;height:500px"></div>
<img src="b1.gif" id="Bird" style="position:absolute" alt="can not load"/>
<script language="javascript" type="text/javascript">
var Bird = document.getElementById("Bird");
var BirdX = 10;
var BirdDistX = Math.random();
function moveBird1()
{
Bird.style.right=BirdX+"px";
Bird.style.top=100 ;
BirdX+=BirdDistX;
if(BirdX<0) BirdDistX=0;
}
var timerId = window.setInterval("moveBird1()", 10);
</script>
</body>
من می خواستم با javascript حرکت انیمیشن رو به نمایش بذارم .. مثلا یه سری پرنده یا چیزای دیگه یه کمی هم نوشتم اما می خوام حرکتشون مداوم باشه یعنی بعد از اینکه از حاشیه های صفحه خارج شدن باز هم بیان اما نمی دونم چی کار کنم ! یه قسمت از code رو می ذارم ببینید می تونید کمک کنید ...
<body background="man.jpg" leftmargin="30" topmargin="10" bottommargin="10" rightmargin="30">
<div id="d1" style="width:700px;height:500px"></div>
<img src="b1.gif" id="Bird" style="position:absolute" alt="can not load"/>
<script language="javascript" type="text/javascript">
var Bird = document.getElementById("Bird");
var BirdX = 10;
var BirdDistX = Math.random();
function moveBird1()
{
Bird.style.right=BirdX+"px";
Bird.style.top=100 ;
BirdX+=BirdDistX;
if(BirdX<0) BirdDistX=0;
}
var timerId = window.setInterval("moveBird1()", 10);
</script>
</body>