Снежинки на сайте

wredyatina

Здравствуйте, подскажите пожалуйста, как сделать чтобы снежинки падали только в body и на основную страницу сайта не попадали.
<body>
<div id="snow"></div>
<div id="container"> Весь сайт</div>
</body>
window.onload = function()
{
snow(1);
}
function snow(id)
{
 var pos_x = Math.random()*(99 - 1)+1;
 pos_x = Math.floor(pos_x);
 if(pos_x >= 1 & pos_x <= 10){var q = -10;var png_sh = 1;}
 if(pos_x > 10 & pos_x <= 20){var q = 10;var png_sh = 3;}
 if(pos_x > 20 & pos_x <= 30){var q = -10;var png_sh = 0;}
 if(pos_x > 30 & pos_x <= 40){var q = 10;var png_sh = 2;}
 if(pos_x > 40 & pos_x <= 50){var q = -10;var png_sh = 1;}
 if(pos_x > 50 & pos_x <= 60){var q = 10;var png_sh = 3;}
 if(pos_x > 60 & pos_x <= 70){var q = -10;var png_sh = 0;}
 if(pos_x > 70 & pos_x <= 80){var q = 10;var png_sh = 2;}
 if(pos_x > 80 & pos_x <= 90){var q = -10;var png_sh = 1;}
 if(pos_x > 90 & pos_x <= 99){var q = 10;var png_sh = 3;}
 var end_x = pos_x+q;
 var img="<img id='snow_"+id+"' style='left:"+pos_x+"%; top:-10%; position:fixed;' src='show_"+png_sh+".png'/>";
 $("#snow").append(img);
 move_show(id,end_x);
 id++;
 setTimeout("snow("+id+");",100);
}
function move_show(id,end_x)
{
 $("#snow_"+id).animate({top:"150%",left:""+end_x+"%"},20000,function()
 {
 $("#snow_"+id).empty().remove();
 });
}
4 ответа

wredyatina

супервопрос отвечаю: 1) снежинки и так падают только в и никто в мире не сможет заставить их падать в а третьего не дано2) чтобы снежинки "на основную страницу сайта не попадали", вам не надо размещать скрипт снежинок на основной странице сайта


wredyatina

kalabuni не удивлюсь, если тут имелось ввиду под
на основную страницу сайта не попадали
Вот это:
div id="container"> Весь сайт</div>


wredyatina

Да уж, поздравили мальчики девушку с праздником....wredyatina, здесь есть рабочий скрипт Подскажите как обновить параметр скрипта?


wredyatina

Спасибо большое за ответы)