FREE CODE Wednesday, 09.19.2018, 10:44 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 » Snowing on the page » Snowing on the page
    Snowing on the page
    faxuhiDate: Sunday, 07.24.2011, 11:01 AM | Message # 1
    Colonel
    Group: Administrators
    Messages: 189
    Reputation: 0
    Status: Offline
    Code
    <!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydatoula -->
    <script>
    // Set the number of snowflakes (more than 30 - 40 not recommended)
    var snowmax=35

    // Set the colors for the snow. Add as many colors as you like
    var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

    // Set the fonts, that create the snowflakes. Add as many fonts as you like
    var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

    // Set the letter that creates your snowflake (recommended:*)
    var snowletter="*"

    // Set the speed of sinking (recommended values range from 0.3 to 2)
    var sinkspeed=0.6

    // Set the maximal-size of your snowflaxes
    var snowmaxsize=22

    // Set the minimal-size of your snowflaxes
    var snowminsize=8

    // Set the snowing-zone
    // Set 1 for all-over-snowing, set 2 for left-side-snowing  
    // Set 3 for center-snowing, set 4 for right-side-snowing
    var snowingzone=3

    ///////////////////////////////////////////////////////////////////////////
    // CONFIGURATION ENDS HERE
    ///////////////////////////////////////////////////////////////////////////

    // Do not edit below this line
    var snow=new Array()
    var marginbottom
    var marginright
    var timer
    var i_snow=0
    var x_mv=new Array();
    var crds=new Array();
    var lftrght=new Array();
    var browserinfos=navigator.userAgent  
    var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
    var ns6=document.getElementById&&!document.all
    var opera=browserinfos.match(/Opera/)   
    var browserok=ie5||ns6||opera

    function randommaker(range) {   
      rand=Math.floor(range*Math.random())
         return rand
    }

    function initsnow() {
      if (ie5 || opera) {
       marginbottom = document.body.clientHeight
       marginright = document.body.clientWidth
      }
      else if (ns6) {
       marginbottom = window.innerHeight
       marginright = window.innerWidth
      }
      var snowsizerange=snowmaxsize-snowminsize
      for (i=0;i<=snowmax;i++) {
       crds[i] = 0;                       
          lftrght[i] = Math.random()*15;          
          x_mv[i] = 0.03 + Math.random()/10;
       snow[i]=document.getElementById("s"+i)
       snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
       snow[i].size=randommaker(snowsizerange)+snowminsize
       snow[i].style.fontSize=snow[i].size
       snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
       snow[i].sink=sinkspeed*snow[i].size/5
       if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
       if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
       if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
       if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
       snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
       snow[i].style.left=snow[i].posx
       snow[i].style.top=snow[i].posy
      }
      movesnow()
    }

    function movesnow() {
      for (i=0;i<=snowmax;i++) {
       crds[i] += x_mv[i];
       snow[i].posy+=snow[i].sink
       snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
       snow[i].style.top=snow[i].posy
        
       if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
        snow[i].posy=0
       }
      }
      var timer=setTimeout("movesnow()",50)
    }

    for (i=0;i<=snowmax;i++) {
      document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
    }
    if (browserok) {
      window.onload=initsnow
    }
    </script>

    <font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>
     
    Forum » Web Javascript » Snowing on the page » Snowing on the page
    • Page 1 of 1
    • 1
    Search:

    Copyright MyCorp © 2018 Website builderuCoz