Главная » 2010 » Декабрь » 6 » Опрыскайте вашу страницу красочным "фейерверком" (Javascript)
06.12.2010, 12:30

Опрыскайте вашу страницу красочным "фейерверком"



Извените но на скрине это не показать так как это действует быстро.
Скоро новый 2011 год и поэтому решил поискать скрипты фейрверка
На сайте появляются в разных местах разноцветные точки и разлетаются в разные стороны в форме круга и так по всему сайту

Скопируйте приведенный ниже код между тэгами <BODY> и <BODY>

Code
<script language="JavaScript1.2">

var ns=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

amount=14;
if (ns){
for (i=0; i < amount; i++)
document.write("<LAYER NAME='nsstars"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>");
}
else if (ie4||ns6){
document.write("<div id='ieCov' style='position:absolute;top:0px;left:0px'>");
document.write("<div style='position:relative'>");
for (i=0; i < amount; i++)
document.write("<div id='iestars"+i+"' style='position:absolute;top:0px;left:0px;width:1;height:1;background:#ffffff;font-size:1;z-index:10'></div>");
document.write("</div></div>");
}
Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')
sClrs=new Array('ffa500','00ff00','FFAAFF','fff000','fffffF')
Xpos=300;
Ypos=150;
initialStarColor='00ff00';
step=5;
currStep=0;
explosionSize=120;
function Fireworks(){
var WinHeight=(ns||ns6)?window.innerHeight-100:window.document.body.clientHeight-100;
var WinWidth=(ns||ns6)?window.innerWidth-100:window.document.body.clientWidth-100;
var Yscroll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
for (i=0; i < amount; i++){
if (ie4||ns6)
var layer=ns6?document.getElementById("iestars"+i).style : eval("iestars"+i).style;
else if (ns)
var layer=document.layers["nsstars"+i]
var randCol=Math.round(Math.random()*8);
var randSz=Math.round(Math.random()*2);
layer.top = Ypos + explosionSize*Math.sin((currStep+i*5)/3)*Math.sin(currStep/100)
layer.left= Xpos + explosionSize*Math.cos((currStep+i*5)/3)*Math.sin(currStep/100)
if (currStep < 110){
if (ns){layer.bgColor=initialStarColor;layer.clip.width=1;layer.clip.height=1}
else{layer.background=initialStarColor;layer.width=1;layer.height=1;layer.fontSize=1}
}
else{
if (ns){layer.bgColor=Clrs[randCol];layer.clip.width=randSz;layer.clip.height=randSz}
else{layer.background=Clrs[randCol];layer.width=randSz;layer.height=randSz;layer.fontSize=randSz}
}
}
if (currStep > 220)
{
currStep=0;
Ypos = 50+Math.round(Math.random()*WinHeight)+Yscroll;
Xpos = 50+Math.round(Math.random()*WinWidth);
for (i=0; i < sClrs.length; i++)
{
var newIcol=Math.round(Math.random()*i);
}
initialStarColor=sClrs[newIcol];
explosionSize=Math.round(80*Math.random()+100);
}
currStep+=step;
setTimeout("Fireworks()",20);
}
Fireworks();
// -->
</script>

PS лучше использовать этот скрипт на темных дизайнах т.к на светлых это будет плохо видно

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Studio Designsib
Категория: JavaScript's | Просмотров: 4576 | Добавил: HOST | Рейтинг: 4.0/5 |
Теги: красочным, страницу, вашу, фейерверком, Опрыскайте
Всего комментариев: 7
0  
1 7soft -Infoscript Team-  (06.12.2010 16:38) [Материал]
Аватар пользователя
Нашёл лучший скрипт фейерверка с настройками и звуком. Сайт автора - http://www.schillmania.com/ (Извините за рекламу, но сайт этого заслуживает). Кстати там есть ещё интересные скрипты, времени нет здесь выкладывать...

0  
2 Атом   (06.12.2010 16:56) [Материал]
Аватар пользователя
Там все на буржуйском языке sad

0  
3 antisept -Infoscript Team-  (06.12.2010 17:04) [Материал]

0  
4 HOST   (06.12.2010 19:31) [Материал]
Аватар пользователя
tongue ну и лан

0  
5 Brysnika   (01.01.2011 12:01) [Материал]
Аватар пользователя
Фейерверк смотрится красиво,вот если бы он только был цветным. biggrin

0  
6 HOST   (02.01.2011 06:01) [Материал]
Аватар пользователя
Brysnika Он цветной biggrin

0  
7 hoster-saitov   (02.09.2011 22:09) [Материал]
Аватар пользователя
Был он по крупнеййй) sad

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]