Главная » 2010 » Июль » 7 » Снег, дождь, пузыри на javascript (Javascript)
07.07.2010, 09:15

Снег, дождь, пузыри на javascript



Вы наверное тоже искали скрипты дождя или снега, иногда пузырей или воздушных шаров, которые летели на странице, но каждый раз находили все одни и те же скрипты, а новых так и не удавалось найти.

Не секрет что найденные вами скрипты во многих случаях не корректно работали в различных браузерах или вообще не работали...

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

Потом подумав что пользователям было бы интересно пользоваться не просто скриптом а модулем с несколькими скриптами я добавил в скрипт коды таких эффектов как выдвижная панель с картинкой, рекламная панель, очень красивая выдвижная панель с текстом, а также добавил несколько функция для вычисления координат мыши и функций для работы с AJAX.

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

Code
<!--
/* | скачано с сайта http://javascript.onfind.net/ | */
/* | created by ::: vertas::: | 2009-2010 year | function-@mail.ru | 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;
}
}

//-->

Все это кидаем в файл и подключаем его перед </body>

Code

<script type="text/javascript" src="ваш файл.js"></script>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: javascript.onfind.net
Категория: JavaScript's | Просмотров: 6576 | Добавил: kykyi | Рейтинг: 4.0/1 |
Теги: дождь, JavaScript, На, пузыри, снег
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]