FREE CODE Tuesday, 11.20.2018, 0:51 AM
Main | Registration | Login Welcome Guest | RSS
[ New messages · Members · Forum rules · Search · RSS ]
۞Forum Statistics۞
NEW TOPPIV
HOT TOPPIC
TOP MEMBERS
NEW MEMBERS
  • check code here Have(0) reviews faxuhi
  • Keywords meta Tags Have(0) reviews faxuhi
  • text box Have(0) reviews faxuhi
  • Page description Have(0) reviews faxuhi
  • marquee Have(0) reviews faxuhi
  • print your page Have(0) reviews faxuhi
  • choose your country Have(0) reviews faxuhi
  • check all - unchek all Have(0) reviews faxuhi
  • shadow text Have(0) reviews faxuhi
  • Beautiful text two Have(0) reviews faxuhi
  • Nice menu with java script <p1> Have(2) reviews faxuhi
  • Mouse Clock Have(1) reviews faxuhi
  • HTML table placeholder Have(0) reviews faxuhi
  • Html graphic bullets Have(0) reviews faxuhi
  • Different times of the world by the users choice from a list Have(0) reviews faxuhi
  • Mouseover Alert HTML Script Have(0) reviews faxuhi
  • Redirect to another page and link automatically to other pg Have(0) reviews faxuhi
  • Combo box link box to browse your website easily Have(0) reviews faxuhi
  • Message to user by clicking a button Have(0) reviews faxuhi
  • Background changing color effect Have(0) reviews faxuhi
  • faxuhi[189]Bài
  • mcsnagger0022[0]Bài
  • thinknoodles[0]Bài
  • karaganis888[0]Bài
  • faxuhi [189]Bài
  • mcsnagger0022 [0]Bài
  • thinknoodles [0]Bài
  • karaganis888 [0]Bài
    • Page 1 of 1
    • 1
    Forum » Web Javascript » Exploding stars fancy website » Exploding stars fancy website
    Exploding stars fancy website
    faxuhiDate: Monday, 07.25.2011, 2:18 PM | Message # 1
    Colonel
    Group: Administrators
    Messages: 189
    Reputation: 0
    Status: Offline
    Code
    <body>

    <script LANGUAGE="JavaScript1.2">
    <!--

    //set Interval between each firework display,  
    var intervals=2000
    var sparksOn     = true;
    var speed        = 25;
    var power        = 1;

    //Dont change these values-------
    var documentWidth=documentHeight=randomx=randomy=leftcorner=topcorner=0
    var ns=(document.layers);
    var ie=(document.all);
    var sparksAflyin = false;
    var allDivs      = new Array(10);
    var totalSparks  = 0;
    //-------------------------------

    function initAll(){
      if(!ns && !ie){
      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
        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){
    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;
      }
      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;}
    #sDiv1 {position:absolute; height:1; width:1; font-family:arial black; font-size:22px; color:red;}
    #sDiv2 {position:absolute; height:1; width:1; font-family:arial black; font-size:20px; color:blue;}
    #sDiv3 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:orange;}
    #sDiv4 {position:absolute; height:1; width:1; font-family:arial black; font-size:25px; color:yellow;}
    #sDiv5 {position:absolute; height:1; width:1; font-family:arial black; font-size:25px; color:lightgreen;}
    #sDiv6 {position:absolute; height:1; width:1; font-family:arial black; font-size:20px; color:silver;}
    </style>
    <p></p>
    <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>
     
    Forum » Web Javascript » Exploding stars fancy website » Exploding stars fancy website
    • Page 1 of 1
    • 1
    Search:

    Copyright MyCorp © 2018 Website builderuCoz