karácsonyi dísz 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: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/1448478070_50.png></div>
  <div id="sDiv1"> <img src =//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1448478070_50.png> </div>
  <div id="sDiv2"><img src =//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1448478070_50.png></div>
  <div id="sDiv3"><img src =//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1448478070_50.png></div>
  <div id="sDiv4"><img src =//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1448478070_50.png></div>
  <div id="sDiv5"><img src =//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1448478070_50.png></div>
  <div id="sDiv6"><img src =//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1448478070_50.png></div>

 

 

 

 

 

 

(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-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