Вот у меня появился вопрос, можно ли поставить скрипт, который бы при нажатии на кнопку(например маленькую снежинку) запускала снег или наоборот останавлевала его.
Включить_выключить снег
Сообщений 1 страница 16 из 16
Поделиться2Вс, 23 Дек 2007 13:43:01
Вот у меня появился вопрос, можно ли поставить скрипт, который бы при нажатии на кнопку(например маленькую снежинку) запускала снег или наоборот останавлевала его.
точно могу сказать что на этом форуме такого скрипта нет.. скриптеры давно молчат.. может если только в сети/в поисковиках порыться что-нить найти
Поделиться3Вс, 23 Дек 2007 13:50:45
точно могу сказать что на этом форуме такого скрипта нет..
Поэтому и создала эту тему.
Может есть у когото...
может если только в сети/в поисковиках порыться что-нить найти
Сейчас попробую поискать.
Поделиться4Вс, 23 Дек 2007 17:45:14
Вот у меня появился вопрос, можно ли поставить скрипт, который бы при нажатии на кнопку(например маленькую снежинку) запускала снег или наоборот останавлевала его.
лови! по-моему написал без ошибок! если зарабоает жду плюсов!
Падающий снег разного цвета с возможностья выбора пользователем его количества
<html> <head> <title>Падающий снег с возможностья выбора пользователем его количества</title> </head> <body onload="if (document.all||document.layers) {start()}" onResize=location.reload()> <CENTER> <SCRIPT> <!-- count = 20; speed = 1; snowfall = true; function start() { if (document.all) { // IExplorer yMax = document.body.clientHeight; xMax = document.body.clientWidth; } else if (document.layers) { // Netscape yMax = window.innerHeight; xMax = window.innerWidth; } xachse = new Array(); for(i = 1; i <=40; i++) { x = 10000; do { x = Math.round(Math.random() * 10000); } while(x > xMax-50); xachse[i] = x; }; yachse = new Array(); for(i = 1; i <=40; i++) { yachse[i] = - Math.round(Math.random() * 1000); }; show(); movesnow(); } function movesnow() { if (snowfall) { for(i = 1; i <=count; i++) { wind = Math.round(Math.random() * 10); // horizontale Bewegung if (wind == 2) { if (document.all) { document.all("snow"+i).style.left = xachse[i] + wind; } else if (document.layers) { document.layers['snow' + i].left = xachse[i] + wind; } } if (wind == 1) { if (document.all) { document.all("snow"+i).style.left = xachse[i] - wind; } else if (document.layers) { document.layers['snow' + i].left = xachse[i] - wind; } } if (document.all) { if (yachse[i] >= yMax-50+document.body.scrollTop) { yachse[i] = - Math.round(Math.random() * 1000); }; } else if (document.layers) { if (yachse[i] >= yMax-50+pageYOffset) { yachse[i] = - Math.round(Math.random() * 1000); }; } if ( count >= 30 ) { yachse[i] = yachse[i] + speed + 1; } else { yachse[i] = yachse[i] + speed; }; if (document.all) { document.all("snow"+i).style.top = yachse[i]; } else if (document.layers) { document.layers['snow' + i].top = yachse[i]; } } setTimeout('movesnow()',10); } } function hide(){ for(i = 1; i <=count; i++) { if (document.all) { document.all("snow"+i).style.visibility = "hidden"; } else if (document.layers) { document.layers['snow' + i].visibility = "hide"; } } } function show(){ for(i = 1; i <=count; i++) { if (document.all) { document.all("snow"+i).style.visibility = "visible"; } else if (document.layers) { document.layers['snow' + i].visibility = "show"; } } } //--> </script> <div id='snow1' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow2' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow3' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow4' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow5' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow6' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow7' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow8' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow9' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow10' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow11' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow12' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow13' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow14' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow15' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow16' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow17' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow18' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow19' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow20' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow21' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow22' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow23' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow24' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow25' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow26' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow27' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow28' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow29' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow30' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow31' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow32' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow33' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow34' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow35' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow36' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow37' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow38' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow39' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow40' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> С Новым Годом...<br> <br><a href="#" onClick="snowfall=true;movesnow();show();">start</a> <a href="#" onClick="snowfall=false">stop</a> <form name=снежинок> <select name="snowcount" onChange="hide();count=(options[selectedIndex].value);show();"> <option value="10">снежок</option> <option value="20" selected>метель</option> <option value="40">вихрь</option> </select> </form> </center> </body> </html>
Поделиться5Ср, 26 Дек 2007 17:03:33
CGworldministrator
Можно ли сделать этот скрипт таким, чтобы в нем не было кнопок старта и остановки, а снежинки автоматически падали бы при входе на страницу?
Извиняюсь, за то, что отхожу от темы. Просто очень нужен как раз такой скрипт. На fantasyflash, конечно, есть хорошие скрипты со снежинками, но они не подходят (другие картинки снежинок примеряла, да все не то).
Поделиться6Ср, 26 Дек 2007 17:28:00
CGworldministrator
классная штука! пасиб)) лови респект))
Поделиться7Ср, 26 Дек 2007 17:59:28
ТемныйЭльф
Подобный скрипт был в теме "Новые возможности форума - скрипты" на этом форуме. Может подойдет.
Поделиться8Вс, 30 Дек 2007 00:15:36
а у меня он почему то не работает
Поделиться9Пн, 31 Дек 2007 15:44:48
чтобы в нем не было кнопок старта и остановки, а снежинки автоматически падали бы при входе на страницу?
да! лови
<html> <head> <title>Падающий снег с возможностья выбора пользователем его количества</title> </head> <body onload="if (document.all||document.layers) {start()}" onResize=location.reload()> <CENTER> <SCRIPT> <!-- count = 20; speed = 1; snowfall = true; function start() { if (document.all) { // IExplorer yMax = document.body.clientHeight; xMax = document.body.clientWidth; } else if (document.layers) { // Netscape yMax = window.innerHeight; xMax = window.innerWidth; } xachse = new Array(); for(i = 1; i <=40; i++) { x = 10000; do { x = Math.round(Math.random() * 10000); } while(x > xMax-50); xachse[i] = x; }; yachse = new Array(); for(i = 1; i <=40; i++) { yachse[i] = - Math.round(Math.random() * 1000); }; show(); movesnow(); } function movesnow() { if (snowfall) { for(i = 1; i <=count; i++) { wind = Math.round(Math.random() * 10); // horizontale Bewegung if (wind == 2) { if (document.all) { document.all("snow"+i).style.left = xachse[i] + wind; } else if (document.layers) { document.layers['snow' + i].left = xachse[i] + wind; } } if (wind == 1) { if (document.all) { document.all("snow"+i).style.left = xachse[i] - wind; } else if (document.layers) { document.layers['snow' + i].left = xachse[i] - wind; } } if (document.all) { if (yachse[i] >= yMax-50+document.body.scrollTop) { yachse[i] = - Math.round(Math.random() * 1000); }; } else if (document.layers) { if (yachse[i] >= yMax-50+pageYOffset) { yachse[i] = - Math.round(Math.random() * 1000); }; } if ( count >= 30 ) { yachse[i] = yachse[i] + speed + 1; } else { yachse[i] = yachse[i] + speed; }; if (document.all) { document.all("snow"+i).style.top = yachse[i]; } else if (document.layers) { document.layers['snow' + i].top = yachse[i]; } } setTimeout('movesnow()',10); } } function hide(){ for(i = 1; i <=count; i++) { if (document.all) { document.all("snow"+i).style.visibility = "hidden"; } else if (document.layers) { document.layers['snow' + i].visibility = "hide"; } } } function show(){ for(i = 1; i <=count; i++) { if (document.all) { document.all("snow"+i).style.visibility = "visible"; } else if (document.layers) { document.layers['snow' + i].visibility = "show"; } } } //--> </script> <div id='snow1' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow2' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow3' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow4' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow5' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow6' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow7' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow8' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow9' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow10' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow11' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow12' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow13' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow14' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow15' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow16' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow17' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow18' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow19' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow20' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow21' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow22' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow23' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow24' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow25' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow26' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow27' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow28' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow29' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow30' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow31' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow32' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow33' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow34' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow35' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow36' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow37' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow38' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow39' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow40' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> С Новым Годом...<br> </select> </form> </center> </body> </html>
Поделиться10Пн, 31 Дек 2007 15:45:49
а у меня он почему то не работает
куда вставляешь?
Поделиться11Ср, 2 Янв 2008 01:40:58
Куда его вставлять?
Поделиться12Ср, 2 Янв 2008 02:07:51
Куда его вставлять?
HTML низ...
Подобных скриптов море..., на специализированных сайтах: Список подобных сайтов
Поделиться13Ср, 2 Янв 2008 15:47:46
Куда его вставлять?
HTML низ...
Странно, у меня в HTML - верху работает.... Может есть резон переставить?
Отредактировано Dark-Viks (Ср, 2 Янв 2008 15:48:51)
Поделиться14Ср, 2 Янв 2008 15:52:56
Dark-Viks
Оно и в объявлении будет работать...)) Но: в HTML верх, как правило, ставятся коды СSS...
Это - что касается правильной верстки веб страниц...
Поделиться15Ср, 2 Янв 2008 16:21:13
Lion, спс, лови еще один + )
Поделиться16Ср, 2 Янв 2008 16:28:45
Эээ... я не могу давать оценку чаще раза в сутки!
Завтра тогда