sárga lufi tűzijáték effekt
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:15px; color:Aqua; z-index:9;}
 #sDiv1 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:red; z-index:10;}
 #sDiv2 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:blue; z-index:11;}
 #sDiv3 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:orange; z-index:12;}
 #sDiv4 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:yellow; z-index:13;}
 #sDiv5 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:lightgreen; z-index:14;}
 #sDiv6 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:silver; z-index:15;}
 </style>
 <div id="sDiv0">
<img src=//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1455034022_40.gif></div>
 <div id="sDiv1"><img src=//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1455034022_40.gif> </div>
 <div id="sDiv2"><img src=//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1455034022_40.gif></div>
 <div id="sDiv3"><img src=//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1455034022_40.gif></div>
 <div id="sDiv4"><img src=//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1455034022_40.gif></div>
 <div id="sDiv5"><img src=//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1455034022_40.gif></div>
 <div id="sDiv6"><img src=//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1455034022_40.gif></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

Ellenőrizve:2017.03.10.

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-2024 Virág Design /  www.jegvirag.gportal.hu /  virag-78@gportal.hu

 


Szeretnél egy jó receptet? Látogass el oldalamra, szeretettel várlak!    *****    Minõségi Homlokzati Hõszigetelés. Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését.    *****    Amway termék elérhetõ áron!Tudta, hogy az általános tisztítószer akár 333 felmosásra is alkalmas?Több info a weboldalon    *****    Florence Pugh magyar rajongói oldal. Ismerd meg és kövesd az angol színésznõ karrierj&#232;t!    *****    Fele királyságomat nektek adom, hisz csak rátok vár ez a mesebirodalom! - Új menüpont a Mesetárban! Nézz be te is!    *****    DMT Trip napló, versek, történetek, absztrakt agymenés:)    *****    Elindult a Játék határok nélkül blog! Részletes információ az összes adásról, melyben a magyarok játszottak + egyéb infó    *****    Florence Pugh Hungary - Ismerd meg az Oppenheimer és a Dûne 2. sztárját.    *****    Megnyílt az F-Zero Hungary! Ismerd meg a Nintendo legdinamikusabb versenyjáték-sorozatát! Folyamatosan bõvülõ tartalom.    *****    A Cheer Danshi!! nem futott nagyot, mégis érdemes egy esélyt adni neki. Olvass róla az Anime Odyssey blogban!    *****    A 1080° Avalanche egy méltatlanul figyelmen kívül hagyott játék, pedig a Nintendo egyik remekmûve. Olvass róla!    *****    Gundel Takács Gábor egy különleges könyvet adott ki, ahol kiváló sportolókkal a sport mélységébe nyerhetünk betekintést.    *****    21 napos életmódváltás program csatlakozz hozzánk még!Január 28-ig 10% kedvezménnyel plusz ajándékkal tudod megvásárolni    *****    Szeretne egy olyan általános tisztítószert ami 333 felmosásra is elegendõ? Szeretne ha csíkmentes lenne? Részletek itt!!    *****    Új játék érkezett a Mesetárba! Elõ a papírral, ollóval, és gyertek barkácsolni!    *****    Tisztítószerek a legjobb áron! Hatékonyság felsõfoka! 333 felmosásra elengedõ általános tisztítószer! Vásároljon még ma!    *****    Hayashibara Megumi és Okui Masami rajongói oldal! Albumok, dalszövegek, és sok más. Folyamatosan frissülõ tartalom.    *****    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.    *****    333 Felmosásra elegendõ! Szeretne gazdaságosan felmosni? Szeretne kiváló általános tisztítószert? Kiváló tisztítószerek!    *****    Ha tél, akkor téli sportok! De akár videojáték formájában is játszhatjuk õket. A 1080°Snowboarding egy kiváló példa erre