Вы наверное тоже искали скрипты дождя или снега, иногда пузырей или воздушных шаров, которые летели на странице, но каждый раз находили все одни и те же скрипты, а новых так и не удавалось найти. Не секрет что найденные вами скрипты во многих случаях не корректно работали в различных браузерах или вообще не работали... Побродив по просторам интернета и увидев что многие скрипты не работают, я решил написать свой универсальный скрипт который бы включал в себя эффект дождя, снега и пузырей на яваскрипте, да еще чтобы можно было с легкостью настроить количество, скорость, и элементы скрипта. Создав скрипт я протестировал его на всех доступных мне браузерах и убедился что он везде работает. Потом подумав что пользователям было бы интересно пользоваться не просто скриптом а модулем с несколькими скриптами я добавил в скрипт коды таких эффектов как выдвижная панель с картинкой, рекламная панель, очень красивая выдвижная панель с текстом, а также добавил несколько функция для вычисления координат мыши и функций для работы с AJAX. Протестировав все в браузерах я был удовлетворен проделанной работой. Посмотреть, протестировать и оценить мои творения вы можете на сайте http://javascript.onfind.net/ на сайте нет ни рекламы ни лишней информации так что надеюсь ссылка не будет удалена все коды скрипта открыты, не зашифрованы, так что можете спокойно его изучить. прошу не ругать за громкое название Библиотека Javascript, она еще в процессе javascript.onfind.net часто задаваемые вопросы мне нужно поставить только дождь?как? берешь скрипт, качаешь отсюда http://javascript.onfind.net/JavaScriptFast.zip вытаскиваешь скачанный скрипт из архива открываешь его блокнотом там читаешь дальше ищешь и меняешь например чтобы отключить эффекты кроме дождя ищешь как внизу и ставишь вместо 1 - 0 Code: var permission1=1;//1 включить 0 выключить - это для снега дождя и пузырей, если поставишь 0 то работать не будет //для остального ищешь дальше все что есть и ставишь 0 если другие эффекты не нужны var permission2=0;//1 включить 0 выключить - это для отключения раскрывающиеся панель var permission3=0;//1 включить 0 выключить - это для отключения рекламная панель с вопросом var permission4=0;//1 включить 0 выключить - это для отключения выезжающая панель с картинкой теперь как включить дождь ищешь в коде Code: var tpf=1;//1-дождь,2-снег,3-пузыри ну и соответственно если вместо 1 поставишь 2 то пойдет снег, 3 пузыри, 1 дождь все что написано выше находится в коде выше этой надписи Code: ////////////////////////////// //исходный код //все что ниже не трогать ////////////////////////////// так что все что ниже трогать не нужно для тебя пишу шапку дождь 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=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'); */ /******************************/ ////////////////////////////// //исходный код //все что ниже не трогать ////////////////////////////// снег 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=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'); */ /******************************/ ////////////////////////////// //исходный код //все что ниже не трогать ////////////////////////////// пузыри 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=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'); */ /******************************/ ////////////////////////////// //исходный код //все что ниже не трогать ////////////////////////////// потом подключаешь файл к своему сайту с помощью кода Code: <script type="text/javascript" src="JavaScriptFast.js"></script> код помещаешь перед закрывающимся тегом </body> и все, скрипт работает wink не забывайте размещать этот полезный скрипт на других форумах а то про него мало кто знает
ты молодец! ты разобрался и сделал САМ все. но открою страшный секрет, кроме тебя это никому не надо (поверь дяде, который работает уже 5 лет в сфере веб) и посети замечательный сайт http://jquery.com/ желаю тебе успехов в изучении перспективных веб технологий
А что надо? /* удалено */ ну а про лабуду http://jquery.com/ я бы даже не начинал говорить сие творение американского дауна любищего макдональс меня не привлекает хоть немного и изучил эту хрень не видил ни одного многопользовательского сайта где бы это использовалось зато на нубских сайтов аж по 10 раз присоединено ни сколько не лучше моего чудо скриптика
JQuery используется гуглом, яндексом, мэйл.ру - это для Вас недостаточно многопользовательские сайты?