Скрипт падающих снежинок, листьев, сердечек...

Коллекция JavaScript для сайтов и форумов
Ответить
Ggazznidup
Сообщения: 1
Зарегистрирован: 08 апр 2014, 10:11
Репутация: 0
Пол: Женский
Откуда: Россия
Контактная информация:

Скрипт падающих снежинок, листьев, сердечек...

Сообщение Ggazznidup » 08 апр 2014, 10:12

Скрипт падающих снежинок, листьев, сердечек, в общем любых картинок.
http:Адресс_изображения
- меняем на свои картинки.
Идём в overall_header.html и ставим перед </head>
Можно выводить не один, а несколько типов снежинок. Для этого в скрипте нужно будет заменить текст:

Код: Выделить всё

Image0 = new Image();
Image0.src = "http:Адресс_изображения.gif";

grphcs = new Array(1);
grphcs[0] = "http:Адресс_изображения.gif";
  • * Amount = 100; - это количество видимых на странице снежинок
    * Image0.src = "http:Адресс_изображения.gif"; и grphcs[0] = "http:Адресс_изображения.gif" - путь к изображениям снежинок
    * width:20px; height:20px; - высота и ширина снежинок

Код: Выделить всё

<SCRIPT language=JavaScript1.2>
var no = 25; 
var speed = 6; 
var snowflake = "http:Адресс_изображения";

var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; 
var am, stx, sty; 
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {  
dx[i] = 0;        
xp[i] = Math.random()*(doc_width-50); 
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;//osw        
stx[i] = 0.02 + Math.random()/10; 
sty[i] = 0.7 + Math.random();  
if (ns4up) {                  
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"http:Адресс_изображения");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"http:Адресс_изображения");
document.write(snowflake + "\" border=\"0\"></layer>");
  }
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"http:Адресс_изображения");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"http:Адресс_изображения");
document.write(snowflake + "\" border=\"0\"></div>");
      }
  }
}
function snowNS() { 
for (i = 0; i < no; ++ i) {  
yp[i] += sty[i];//osw
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { 
for (i = 0; i < no; ++ i) { 
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;//fantasyflash.ru
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</SCRIPT>
snow1.gif
снежинки для сайта
snow1.gif (369 байт) 3581 просмотр
snow2.gif
снежинки для сайта
snow2.gif (195 байт) 3553 просмотра
snow3.gif
снежинки для сайта
snow3.gif (265 байт) 3516 просмотров
snow4.gif
снежинки для сайта
snow4.gif (350 байт) 3513 просмотров
snow5.gif
снежинки для сайта
snow5.gif (389 байт) 3514 просмотров
snow6.gif
снежинки для сайта
snow6.gif (253 байт) 3509 просмотров

Ответить
  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «JavaScript»