1. XenForo 1.5.14 中文版——支持中文搜索!现已发布!查看详情
  2. Xenforo 爱好者讨论群:215909318 XenForo专区

Classic Snow Fall - Java Script 雪花

本帖由 admin2012-12-03 发布。版面名称:精品源码

  1. admin

    admin 管理员 管理成员

    注册:
    2011-11-01
    帖子:
    3,669
    赞:
    2,425
    雪花效果 演示看本站
    代码:
    <SCRIPT type="text/javascript">
    /*
    Classic Snow Fall - Java Script
    */
    // Set the number of snowflakes (more than 30 - 40 not recommended)
    var snowmax=40
    // Set the colors for the snow. Add as many colors as you like
    var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")
    // Set the fonts, that create the snowflakes. Add as many fonts as you like
    var snowtype=new Array("Times","Arial","Times","Verdana")
    // 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 maximum-size of your snowflakes
    var snowmaxsize=30
    // Set the minimal-size of your snowflakes
    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=1
    ///////////////////////////////////////////////////////////////////////////
    // 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.scrollHeight
    marginright = document.body.clientWidth-15
    }
    else if (ns6) {
    marginbottom = document.body.scrollHeight
    marginright = window.innerWidth-15
    }
    var snowsizerange=snowmaxsize-snowminsize
    for (i=0;i<=snowmax;i++) {
    crds = 0;
    lftrght = Math.random()*15;
    x_mv = 0.03 + Math.random()/10;
    snow=document.getElementById("s"+i)
    snow.style.fontFamily=snowtype[randommaker(snowtype.length)]
    snow.size=randommaker(snowsizerange)+snowminsize
    snow.style.fontSize=snow.size+'px';
    snow.style.color=snowcolor[randommaker(snowcolor.length)]
    snow.style.zIndex=1000
    snow.sink=sinkspeed*snow.size/5
    if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
    if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
    if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
    if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
    snow.posy=randommaker(2*marginbottom-marginbottom-2*snow.size)
    snow.style.left=snow.posx+'px';
    snow.style.top=snow.posy+'px';
    }
    movesnow()
    }
    function movesnow() {
    for (i=0;i<=snowmax;i++) {
    crds += x_mv;
    snow.posy+=snow.sink
    snow.style.left=snow.posx+lftrght*Math.sin(crds)+'px';
    snow.style.top=snow.posy+'px';
    if (snow.posy>=marginbottom-2*snow.size || parseInt(snow.style.left)>(marginright-3*lftrght)){
    if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
    if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
    if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
    if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
    snow.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>
    <script type="text/javascript">
    //<![CDATA[
     
    window.orig_onload = window.onload;
    window.onload = function() {
    if (is_ie || is_moz) { var cpost=document.location.hash;if(cpost){ if(cobj = fetch_object(cpost.substring(1,cpost.length)))cobj.scrollIntoView(true); }}
     
    if(typeof window.orig_onload == "function") window.orig_onload();
    }
     
    //]]>
    </script>
     
  2. hagcse

    hagcse XF认证会员

    注册:
    2012-03-18
    帖子:
    25
    赞:
    1
    适用方法呢? 放在哪里咩?:(
     
  3. admin

    admin 管理员 管理成员

    注册:
    2011-11-01
    帖子:
    3,669
    赞:
    2,425
    footer最下面~~
     
正在加载...