világoskék tüzijáték
Demó:láthatod az oldalon :)
*
*
*
*
*
*
*

Kód:

<SCRIPT LANGUAGE="JavaScript1.2">
 <!--
 
 
 /*
 Document firework script (By Matt Gabbert, mgabbert@usrtoday.com, http://www.nolag.com)
 Permission granted to Dynamic Drive to feature script in archive
 For full source and 100's more DHTML scripts, visit http://dynamicdrive.com
 */
 
 //set Interval between each firework display,
 var intervals=2000
 var sparksOn = true;
 var speed = 40;
 var power = 3;
 
 //Dont change these values-------
 var documentWidth=documentHeight=randomx=randomy=leftcorner=topcorner=0
 var ns=(document.layers);
 var ie=(document.all);
 var ns6=(document.getElementById&&!document.all);
 var sparksAflyin = false;
 var allDivs = new Array(10);
 var totalSparks = 0;
 //-------------------------------
 
 function initAll(){
 if(!ns && !ie &&!ns6){
 sparksOn = false;
 return;
 }
 setInterval("firework()",intervals)
 
 if (ns)
 document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);
 for(dNum=0; dNum<7; ++dNum){
 if(ie)
 allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style');
 else if (ns6)
 allDivs[dNum]=document.getElementById('sDiv'+dNum).style;
 else
 allDivs[dNum]=eval('document.layers["sDiv'+dNum+'"]');
 }
 }
 
 function firework(){
 //below code detects the browser dimenions
 if (ie){
 documentWidth=document.body.clientWidth
 documentHeight=document.body.clientHeight
 leftcorner=document.body.scrollLeft
 topcorner=document.body.scrollTop
 }
 else if (ns||ns6){
 documentWidth=window.innerWidth
 documentHeight=window.innerHeight
 leftcorner=pageXOffset
 topcorner=pageYOffset
 
 }
 //below code randomly generates a set of coordinates that fall within the dimension
 randomx=leftcorner+Math.floor(Math.random()*documentWidth)
 randomy=topcorner+Math.floor(Math.random()*documentHeight)
 
 
 if(sparksOn){
 if(!sparksAflyin){
 sparksAflyin=true;
 totalSparks=0;
 for(var spark=0;spark<=6;spark++){
 dx=Math.round(Math.random()*50);
 dy=Math.round(Math.random()*50);
 moveTo(spark,randomx,randomy,dx,dy);
 }
 }
 }
 }
 
 function moveTo(i,tempx,tempy,dx,dy){
 if(ie){
 if(tempy+80>(document.body.offsetHeight+document.body.scrollTop))
 tempy=document.body.offsetHeight+document.body.scrollTop-80;
 if(tempx+80>(document.body.offsetWidth+document.body.scrollLeft))
 tempx=document.body.offsetWidth+document.body.scrollLeft-80;
 }
 else if(ns6){
 if(tempy+80>(window.innerHeight+pageYOffset))
 tempy=window.innerHeight+pageYOffset-80;
 if(tempx+80>(window.innerWidth+pageXOffset))
 tempx=window.innerWidth+pageXOffset-80;
 }
 if(tempx>-50&&tempy>-50){
 tempx+=dx;tempy+=dy;
 allDivs[i].left=tempx;
 allDivs[i].top=tempy;
 dx-=power;dy-=power;
 setTimeout("moveTo("+i+","+tempx+","+tempy+","+dx+","+dy+")",speed)
 }
 else
 ++totalSparks
 if(totalSparks==7){
 sparksAflyin=false;
 totalSparks=0;
 }
 }
 window.onload=initAll
 //End-->
 </script>
 
 <style>
 #sDiv0 {position:absolute; height:1; width:1; font-family:arial black; font-size:25px; color:Aqua; z-index:9;}
 #sDiv1 {position:absolute; height:1; width:1; font-family:arial black; font-size:25px; color:Aqua; z-index:10;}
 #sDiv2 {position:absolute; height:1; width:1; font-family:arial black; font-size:25px; color:Aqua; z-index:11;}
 #sDiv3 {position:absolute; height:1; width:1; font-family:arial black; font-size:25px; color:Aqua; z-index:12;}
 #sDiv4 {position:absolute; height:1; width:1; font-family:arial black; font-size:25px; color:Aqua; z-index:13;}
 #sDiv5 {position:absolute; height:1; width:1; font-family:arial black; font-size:25px; color:Aqua; z-index:14;}
 #sDiv6 {position:absolute; height:1; width:1; font-family:arial black; font-size:25px; color:Aqua; z-index:15;}
 </style>
 
</head>
 
<body>
 
<div id="sDiv0">*</div>
 <div id="sDiv1">*</div>
 <div id="sDiv2">*</div>
 <div id="sDiv3">*</div>
 <div id="sDiv4">*</div>
 <div id="sDiv5">*</div>
 <div id="sDiv6">*</div>
 
</body>
 </html>

 

 

 

 

 

 

 

 

(Ha valami nem megy szólj és segítek. virag-78@gportal.hu )

Ellenőrizve:2017.03.19.

Copyright  © 2005-2017 JégVirág Design

 

 
Oldal információ

Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Naptár,Design!
E-mail:virag-78@gportal.hu
Tárhely: gportal.hu
Kategoria:Portálépítés
Indulás:2005.04.12.
URL: jegvirag.gportal.hu
Facebook: Virág Design
Szerkeszto/Design:Virág

Virág1 , Jégvirág , Virgonc , Minta
 
Javascript,Html kód
 
Blog plusz
 
Kiemelt Menü
(Ha a képekre kattintasz akkor az elkövetkező ÜNNEPEKRE,ÉVSZAKOKRA JUTSZ el:( tavaszi menü , nyári menü , őszi menü ,  téli menüjévi menü ,  farsangi menü , valentin napi menü , anyák napi menü  , húsvéti menü , halloween menü , hálaadás menü , karácsonyi menü , születésnapi menü , gyerek napi menü  ) Amiben megtalálsz mindent amihez egy weboldalon szükség lehet.Kellemes weboldalszerkesztést!)
 
Belépés
Felhasználónév:

Jelszó:
SúgóSúgó
Regisztráció
Elfelejtettem a jelszót
 

 

Számláló
Indulás: 2005-04-12
 
Google hirdetés
 
Copyright  © 2005-2025 Virág Design /  www.jegvirag.gportal.hu /  virag-78@gportal.hu

 


Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    Gigágá! Márton napján is gyertek a Mesetárba! Nemcsak libát, de kacsát is kaptok! Játsszatok velünk!    *****    A Nintendo a Nintendo Music-kal megint valami kiváló dolgot hozott létre! Alaposan nagyító alá vettem, az eredmény itt.    *****    Leanderek, Parfümök, Olajok, és Szépségápolási termékek! Használd a LEVI10 kupont és kapj 10% kedvezményt!Megnyitottunk    *****    Megjelent a Nintendo saját gyártású órája, a Nintendo Sound Clock Alarmo! Ha kíváncsi vagy, mit tud, itt olvashatsz róla    *****    Megnyílt a webáruházunk! Parfümök, Szépségápolási termékek, Olajok mind egy helyen! Nyitási akciók, siess mert limitált!    *****    Az általam legjobbnak vélt sportanimék listája itt olvasható. Top 10 Sportanime az Anime Odyssey-n!    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél szebb képek! Ha gondolod gyere less be!    *****    Megnyílt a webáruházunk! NYITÁSI AKCIÓK! Tusfürdõ+Fogkrém+Sampon+Izzadásgátló+multifunkcionális balzsam most csak 4.490!    *****    Új mese a Mesetárban! Téged is vár, gyere bátran!    *****    Veterán anime rajongók egyik kedvence a Vadmacska kommandó. Retrospektív cikket olvashatsz róla az Anime Odyssey blogban    *****    Parfümök, Olajok, Párologtatók mind egy weboldalon! Siess mert nyitási AKCIÓNK nem sokáig tart! Nagy kedvezmények várnak    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    Aki érdeklõdik a horoszkópja után, az nem kíváncsi, hanem intelligens. Rendeld meg most és én segítek az értelmezésben!    *****    A Múzsa, egy gruppi élményei a színfalak mögött + napi agymenések és bölcseletek    *****    KARATE OKTATÁS *** kicsiknek és nagyoknak *** Budapest I. II. XII.kerületekben +36 70 779-55-77    *****    Augusztus 26-án Kutyák Világnapja! Gyertek a Mesetárba, és ünnepeljétek kutyás színezõkkel! Vau-vau!    *****    A horoszkóp elemzésed utáni érdeklõdés, nem kíváncsiság hanem intelligencia. Rendeld meg és nem fogod megbánni. Katt!!!    *****    Cikksorozatba kezdtem a PlayStation történelmérõl. Miért indult nehezen a Sony karrierje a konzoliparban?