Как запустить падающие снежинки на сайте?

голоса: 0
Помогите пожалуйста запустить падающие неспеша снежинки на сайте
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Вопросы новичков
Закрыт | | Автор: Yuri_Geruk
  • > Помогите пожалуйста сделать падающий снег и снежинки на сайте. Видимо у нас что-то с конструктором сайта, возникают проблемы с этим. Заранее спасибо.
  • >> Какие проблемы, снег работает. Или у вас он не работает?
Yuri_Geruk,
Извините, не на тот сайт дали ссылку http://ds128.ucoz.net/
Yuri_Geruk,

http://ds128.ucoz.net/ на этом сайте не можем запустить. хотели по вашей схеме,которую вы прописывали для сайта http://shkatulkatalant.ucoz.net/ но она не подходит. Видимо не работает конструктор. Помогите, пожалуйста.

Евгений Онегин,
Перейдите по ссылке http://ds128.ucoz.net/panel/?a=tmpl;m=1;t=AHEADER и в самый низ вставьте такой же скрипт и готово. Только как я ранее писал, фото иконки снежинки загрузить себе и заменить ссылку на фото на свою.

Ответов: 1

голоса: 0
 
Лучший ответ

Добавьте в глобальный блок верхняя часть сайта http://shkatulkatalant.ucoz.net/panel/?a=tmpl;m=1;t=AHEADER в самый низ код:

<?$WIDGET$('2','15')?>

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Спасибо, но я что-то сделала не так видимо( Они не по всему сайту. а только в уголке левом и летят слишком быстро. Подскажите пожалуйста, как исправить?
Евгений Онегин,

Да, есть проблемы с системным виджетом. Тогда вместо этого кода вставьте такой:

<script language="JavaScript1.2" type="text/javascript"> 
 var SNOW_Picture = "https://9bclass.ucoz.ru/img/sneg.png"; // ссылка на снежинку  
var SNOW_Width = "25px"; // длина снежинки  
var SNOW_Height = "25px"; // высота снежинки  
var SNOW_no = 99; // количество снежинок на странице одновременно  
var SNOW_browser_IE_NS = (document.body.clientHeight) ? 1 : 0;
var SNOW_browser_MOZ = (self.innerWidth) ? 1 : 0;
var SNOW_browser_IE7 = (document.documentElement.clientHeight) ? 1 : 0;
var SNOW_Time;
var SNOW_dx, SNOW_xp, SNOW_yp;
var SNOW_am, SNOW_stx, SNOW_sty;
var i, SNOW_Browser_Width, SNOW_Browser_Height;
if (SNOW_browser_IE_NS) {
SNOW_Browser_Width = document.body.clientWidth;
SNOW_Browser_Height = document.body.clientHeight;
}
else if (SNOW_browser_MOZ) {
SNOW_Browser_Width = self.innerWidth - 20;
SNOW_Browser_Height = self.innerHeight;
}
else if (SNOW_browser_IE7) {
SNOW_Browser_Width = document.documentElement.clientWidth;
SNOW_Browser_Height = document.documentElement.clientHeight;
}
SNOW_dx = new Array();
SNOW_xp = new Array();
SNOW_yp = new Array();
SNOW_am = new Array();
SNOW_stx = new Array();
SNOW_sty = new Array();
for (i = 0; i < SNOW_no; ++i) {
SNOW_dx[i] = 0;
SNOW_xp[i] = Math.random() * (SNOW_Browser_Width - 50);
SNOW_yp[i] = Math.random() * SNOW_Browser_Height;
SNOW_am[i] = Math.random() * 20;
SNOW_stx[i] = 0.02 + Math.random() / 10;
SNOW_sty[i] = 0.7 + Math.random();
if (i == 0) document.write("<\div id=\"SNOW_flake" + i + "\" style=\"position: absolute; z-index: " + i + "; visibility: visible; top: 15px; left: 15px; width: " + SNOW_Width + "; height: " + SNOW_Height + "; background: url('" + SNOW_Picture + "') no-repeat;\"><\/div>");
else document.write("<\div id=\"SNOW_flake" + i + "\" style=\"position: absolute; z-index: " + i + "; visibility: visible; top: 15px; left: 15px; width: " + SNOW_Width + "; height: " + SNOW_Height + "; background: url('" + SNOW_Picture + "') no-repeat;\"><\/div>");
}
function SNOW_Weather() {
for (i = 0; i < SNOW_no; ++i) {
SNOW_yp[i] += SNOW_sty[i];
if (SNOW_yp[i] > SNOW_Browser_Height - 50) {
SNOW_xp[i] = Math.random() * (SNOW_Browser_Width - SNOW_am[i] - 30);
SNOW_yp[i] = 0;
SNOW_stx[i] = 0.02 + Math.random() / 10;
SNOW_sty[i] = 0.7 + Math.random();
}
SNOW_dx[i] += SNOW_stx[i];
document.getElementById("SNOW_flake" + i).style.top = SNOW_yp[i] + "px";
document.getElementById("SNOW_flake" + i).style.left = SNOW_xp[i] + SNOW_am[i] * Math.sin(SNOW_dx[i]) + "px";
}
 
SNOW_Time = setTimeout("SNOW_Weather()", 10); // скорость падения
 
}
SNOW_Weather();  
</script> 
только фото https://9bclass.ucoz.ru/img/sneg.png загрузите себе в файловый менеджер и ссылку на иконку пропишите свою вместо моей.
Yuri_Geruk,
Юрий, а если я не пропишу свою каритнку,то функия падающей снежинки исчезнет или будет отображаться некорректно? И что мне нужно сделать,чтобы прописать свою картинку?(в файлообменник я ее загрузила: http://shkatulkatalant.ucoz.net/avatar/35/sneg.png )
Евгений Онегин,
Отлично, вот пропишите в скрипте выше свою ссылку http://shkatulkatalant.ucoz.net/avatar/35/sneg.png вместо https://9bclass.ucoz.ru/img/sneg.png вот и все.
...