Вы вошли как Гость Группа "Гости"Приветствую Вас Гость RSS  
Главная


Форма входа
E-mail:
Пароль:

[Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 5
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Модератор форума: GDS  
Весенний Форум. Общение на любые темы » Мастерская » Web-дизайн » Как сделать чтоб на сайте падали снежинки (Как сделать чтоб на сайте падали снежинки)
Как сделать чтоб на сайте падали снежинки
КриведкоДата: Суббота, 22.12.2007, 20:44 | Сообщение # 1
Наблюдатель
Группа: Пользователи
Сообщений: 33
Репутация: 2
Подарки: 0
Статус: Оффлайн
Как сделать чтоб на сайте падали снежинки cry cry cry

раз два три четыре пять с детства с рифмой я дружу
Fant1kДата: Суббота, 22.12.2007, 20:47 | Сообщение # 2
Бывалый
Группа: Пользователи
Сообщений: 55
Репутация: 8
Подарки: 0
Статус: Оффлайн
Скрипт такой есть! happy
КриведкоДата: Суббота, 22.12.2007, 21:07 | Сообщение # 3
Наблюдатель
Группа: Пользователи
Сообщений: 33
Репутация: 2
Подарки: 0
Статус: Оффлайн
это как. и где этот скрип ставить подскажит плиииз

раз два три четыре пять с детства с рифмой я дружу
Fant1kДата: Суббота, 22.12.2007, 21:08 | Сообщение # 4
Бывалый
Группа: Пользователи
Сообщений: 55
Репутация: 8
Подарки: 0
Статус: Оффлайн
Я гдето видел на одном сайте на форуме етот скрипт!
Чтобы оно работало просто вставляеш скрипт в низ страницы и всё снежынки падают! happy
КриведкоДата: Суббота, 22.12.2007, 21:13 | Сообщение # 5
Наблюдатель
Группа: Пользователи
Сообщений: 33
Репутация: 2
Подарки: 0
Статус: Оффлайн
Fant1k, а где этот скрипт достать ты не знаешь???или html код

раз два три четыре пять с детства с рифмой я дружу
Fant1kДата: Суббота, 22.12.2007, 21:20 | Сообщение # 6
Бывалый
Группа: Пользователи
Сообщений: 55
Репутация: 8
Подарки: 0
Статус: Оффлайн
я щяс постараюсь найти
Fant1kДата: Суббота, 22.12.2007, 21:30 | Сообщение # 7
Бывалый
Группа: Пользователи
Сообщений: 55
Репутация: 8
Подарки: 0
Статус: Оффлайн
Вот держи... и не забуть + в репутацию

Code
<script>  

<!-- Begin  
var no = 40;  
var speed = 2;  
var snowflake = "http://nonamerz.ucoz.ru/Kartinki/snow.gif";  

var ns4up = (document.layers) ? 1 : 0; // browser sniffer  
var ie4up = (document.all) ? 1 : 0;  
var dx, xp, yp; // coordinate and position variables  
var am, stx, sty; // amplitude and step variables  
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; // set coordinate variables  
xp[i] = Math.random()*(doc_width-50); // set position variables  
yp[i] = Math.random()*doc_height;  
am[i] = Math.random()*20; // set amplitude variables  
stx[i] = 0.02 + Math.random()/10; // set step variables  
sty[i] = 0.7 + Math.random(); // set step variables  
if (ns4up) { // set layers  
if (i == 0) {  
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");  
document.write("top=\"15\" visibility=\"show\"><img src=\"");  
document.write(snowflake + "\" border=\"0\"></layer>");  
} else {  
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");  
document.write("top=\"15\" visibility=\"show\"><img src=\"");  
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=\"");  
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=\"");  
document.write(snowflake + "\" border=\"0\"></div>");  
   }  
   }  
}  
function snowNS() { // Netscape main animation function  
for (i = 0; i < no; ++ i) { // iterate for every dot  
yp[i] += sty[i];  
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() { // IE main animation function  
for (i = 0; i < no; ++ i) { // iterate for every dot  
yp[i] += sty[i];  
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 = 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();  
}  
// End -->  
</script>

Скрипт для тех кто хочет создать эфект снегопада у себя на сайте. Вставлять после тега

КриведкоДата: Суббота, 22.12.2007, 21:37 | Сообщение # 8
Наблюдатель
Группа: Пользователи
Сообщений: 33
Репутация: 2
Подарки: 0
Статус: Оффлайн
а чё я на сайте снега не вижу???

раз два три четыре пять с детства с рифмой я дружу
Fant1kДата: Суббота, 22.12.2007, 21:52 | Сообщение # 9
Бывалый
Группа: Пользователи
Сообщений: 55
Репутация: 8
Подарки: 0
Статус: Оффлайн
Code
<SCRIPT LANGUAGE="JavaScript1.2">  

<!-- Begin  
var no = 50; // snow number  
var speed = 10; // smaller number moves the snow faster  
var snowflake = "themes/skyki/images/snow.gif";  

var ns4up = (document.layers) ? 1 : 0; // browser sniffer  
var ie4up = (document.all) ? 1 : 0;  
var dx, xp, yp; // coordinate and position variables  
var am, stx, sty; // amplitude and step variables  
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; // set coordinate variables  
xp[i] = Math.random()*(doc_width-50); // set position variables  
yp[i] = Math.random()*doc_height;  
am[i] = Math.random()*20; // set amplitude variables  
stx[i] = 0.02 + Math.random()/10; // set step variables  
sty[i] = 0.7 + Math.random(); // set step variables  
if (ns4up) { // set layers  
if (i == 0) {  
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");  
document.write("top=\"15\" visibility=\"show\"><img src=\"");  
document.write(snowflake + "\" border=\"0\"></layer>");  
} else {  
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");  
document.write("top=\"15\" visibility=\"show\"><img src=\"");  
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=\"");  
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=\"");  
document.write(snowflake + "\" border=\"0\"></div>");  
}  
}  
}  
function snowNS() { // Netscape main animation function  
for (i = 0; i < no; ++ i) { // iterate for every dot  
yp[i] += sty[i];  
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() { // IE main animation function  
for (i = 0; i < no; ++ i) { // iterate for every dot  
yp[i] += sty[i];  
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 = 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();  
}  
// End -->  
</script>

я нашёл скрипт для снега только он идёт до половины страницы и место снежинок надрись рисунок
вот скрипт

Fant1kДата: Суббота, 22.12.2007, 21:53 | Сообщение # 10
Бывалый
Группа: Пользователи
Сообщений: 55
Репутация: 8
Подарки: 0
Статус: Оффлайн
вот еще два варианта снежка

Code
<HTML>  
<script>  
// CREDITS:  
// Snowmaker Copyright (c) 2003 Peter Gehrig. All rights reserved.  
// Distributed by http://www.pazitif.info
// Permission given to use the script provided that this notice remains as is.  

// Set the number of snowflakes (more than 30 - 40 not recommended)  
var snowmax=35  

// Set the colors for the snow. Add as many colors as you like  
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")  

// Set the fonts, that create the snowflakes. Add as many fonts as you like  
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")  

// Set the letter that creates your snowflake (recommended:*)  
var snowletter="*"  

// Set the speed of sinking (recommended values range from 0.3 to 2)  
var sinkspeed=0.6  

// Set the maximal-size of your snowflaxes  
var snowmaxsize=22  

// Set the minimal-size of your snowflaxes  
var snowminsize=8  

// Set the snowing-zone  
// Set 1 for all-over-snowing, set 2 for left-side-snowing  
// Set 3 for center-snowing, set 4 for right-side-snowing  
var snowingzone=1  

///////////////////////////////////////////////////////////////////////////  
// CONFIGURATION ENDS HERE  
///////////////////////////////////////////////////////////////////////////  

// Do not edit below this line  
var snow=new Array()  
var marginbottom  
var marginright  
var timer  
var i_snow=0  
var x_mv=new Array();  
var crds=new Array();  
var lftrght=new Array();  
var browserinfos=navigator.userAgent  
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)  
var ns6=document.getElementById&&!document.all  
var opera=browserinfos.match(/Opera/)  
var browserok=ie5||ns6||opera  

function randommaker(range) {  
rand=Math.floor(range*Math.random())  
return rand  
}  

function initsnow() {  
if (ie5 || opera) {  
marginbottom = document.body.clientHeight  
marginright = document.body.clientWidth  
}  
else if (ns6) {  
marginbottom = window.innerHeight  
marginright = window.innerWidth  
}  
var snowsizerange=snowmaxsize-snowminsize  
for (i=0;i<=snowmax;i++) {  
crds[i] = 0;  
lftrght[i] = Math.random()*15;  
x_mv[i] = 0.03 + Math.random()/10;  
snow[i]=document.getElementById("s"+i)  
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]  
snow[i].size=randommaker(snowsizerange)+snowminsize  
snow[i].style.fontSize=snow[i].size  
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]  
snow[i].sink=sinkspeed*snow[i].size/5  
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}  
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}  
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}  
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}  
snow[i].posy=randommaker(6*marginbottom-marginbottom-6*snow[i].size)  
snow[i].style.left=snow[i].posx  
snow[i].style.top=snow[i].posy  
}  
movesnow()  
}  

function movesnow() {  
for (i=0;i<=snowmax;i++) {  
crds[i] += x_mv[i];  
snow[i].posy+=snow[i].sink  
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);  
snow[i].style.top=snow[i].posy  

if (snow[i].posy>=marginbottom-6*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){  
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}  
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}  
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}  
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}  
snow[i].posy=0  
}  
}  
var timer=setTimeout("movesnow()",50)  
}  

for (i=0;i<=snowmax;i++) {  
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")  
}  
if (browserok) {  
window.onload=initsnow  
}  
</script>  
</HTML>  
2 вариант  
Вставлять после тега <body>  
<script>  

<!-- Begin  
var no = 40;  
var speed = 2;  
var snowflake = "http://nonamerz.ucoz.ru/Kartinki/snow.gif";  

var ns4up = (document.layers) ? 1 : 0; // browser sniffer  
var ie4up = (document.all) ? 1 : 0;  
var dx, xp, yp; // coordinate and position variables  
var am, stx, sty; // amplitude and step variables  
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; // set coordinate variables  
xp[i] = Math.random()*(doc_width-50); // set position variables  
yp[i] = Math.random()*doc_height;  
am[i] = Math.random()*20; // set amplitude variables  
stx[i] = 0.02 + Math.random()/10; // set step variables  
sty[i] = 0.7 + Math.random(); // set step variables  
if (ns4up) { // set layers  
if (i == 0) {  
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");  
document.write("top=\"15\" visibility=\"show\"><img src=\"");  
document.write(snowflake + "\" border=\"0\"></layer>");  
} else {  
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");  
document.write("top=\"15\" visibility=\"show\"><img src=\"");  
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=\"");  
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=\"");  
document.write(snowflake + "\" border=\"0\"></div>");  
}  
}  
}  
function snowNS() { // Netscape main animation function  
for (i = 0; i < no; ++ i) { // iterate for every dot  
yp[i] += sty[i];  
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() { // IE main animation function  
for (i = 0; i < no; ++ i) { // iterate for every dot  
yp[i] += sty[i];  
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 = 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();  
}  
// End -->  
</script>
Весенний Форум. Общение на любые темы » Мастерская » Web-дизайн » Как сделать чтоб на сайте падали снежинки (Как сделать чтоб на сайте падали снежинки)
  • Страница 1 из 5
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Поиск:

Сегодня к нам заходили:

Мини-чат:


Аватарочка © 2024
Сайт управляется системой uCoz