Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Прыгающий мячик


Автор: Lance2007 13.12.2007, 18:39
Здрасте  smile 
Возникла у меня такая потребность) 

В общем есть код:


Код

<script language=JavaScript>
function time_scroll() {
d = new Date();
var tt=d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
window.status = tt;
setTimeout('time_scroll();',500); }
</SCRIPT>
<script language="JavaScript">
<!--
var xoff = 500; 
var yoff = 300; 
var inc = -5; 
function move() {
   yoff += inc; 
   ball.top = yoff;
   ball.left = xoff;
   if (yoff<= 150) {inc = 5;} 
   if (yoff>= 500) {inc = -5;} 
   setTimeout("move()", 50); }
-->
</script>


</head> 
<body onload=time_scroll()>
<div id="ball" style="position:absolute;width:50px; height:50px">
<div id="a" style="position:absolute;width:50px; height:50px">
<img src="14.gif" width=30 height=30 border=0></div>
<script language="JavaScript">
<!-- 
var NN = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var ball = (NN) ? document.ball : document.all.ball.style;
move();
-->
</script>




пОМогите модифицировать код так, чтобы прыгал не один мячик, а несколько... ну 20 там или больше)
Помогите... Если этот код не подходит, помогите найти другой(  smile 

ЗАРАНЕЕ, БЛАГОДАРЕН  smile

Добавлено через 1 минуту и 46 секунд
Ой... совсем забыл)
Вот сам мячик) Если нужен))

Автор: bars80080 13.12.2007, 18:54
Код

<script language=JavaScript>
function time_scroll() {
d = new Date();
var tt=d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
window.status = tt;
setTimeout('time_scroll();',500); }
</SCRIPT>
<script language="JavaScript">
<!--
var xoff = 50; 
var yoff = 30; 
var inc = -5; 
function move() {
   yoff += inc; 
   ball1.top = yoff;
   ball1.left = xoff;
   ball2.top = yoff;
   ball2.left = xoff;
   ball3.top = yoff;
   ball3.left = xoff;
   ball4.top = yoff;
   ball4.left = xoff;
   if (yoff<= 15) {inc = 5;} 
   if (yoff>= 50) {inc = -5;} 
   setTimeout("move()", 50); }
-->
</script>


</head> 
<body onload=time_scroll()>

<div id="ball1" style="position:absolute;width:50px; height:50px">
<div id="a1" style="position:absolute;width:50px; height:50px">
<img src="14.gif" width=30 height=30 border=0></div>

<div id="ball2" style="position:absolute;width:50px; height:50px">
<div id="a2" style="position:absolute;width:50px; height:50px">
<img src="14.gif" width=30 height=30 border=0></div>

<div id="ball3" style="position:absolute;width:50px; height:50px">
<div id="a3" style="position:absolute;width:50px; height:50px">
<img src="14.gif" width=30 height=30 border=0></div>

<div id="ball4" style="position:absolute;width:50px; height:50px">
<div id="a4" style="position:absolute;width:50px; height:50px">
<img src="14.gif" width=30 height=30 border=0></div>
<script language="JavaScript">
<!-- 
var NN = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var ball1 = (NN) ? document.ball1 : document.all.ball1.style;
var ball2 = (NN) ? document.ball2 : document.all.ball2.style;
var ball3 = (NN) ? document.ball3 : document.all.ball3.style;
var ball4 = (NN) ? document.ball4 : document.all.ball4.style;
move();
-->
</script>

прикольно

Автор: Lance2007 13.12.2007, 19:31
СПАСИБО)))  smile 

Автор: bars80080 14.12.2007, 10:38
если посоображаешь немного, то придумаешь, как не плодить код, а сделать всё программынми методами и в разнобой

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)