给个背景动画。。。

可能是需要html5吧，无数雪花随机飘落的动画
求代码

解决方案 »

  1.   


    <script language="JavaScript">
    <!-- Amount=20; //Smoothness! depends on image file size, the smaller the size the more you can use!//Pre-load your image below!
    Image0=new Image();
    Image0.src="photo/flake1.gif";
    Image1=new Image();
    Image1.src="photo/flake2.gif";
    Image2=new Image();
    Image2.src="photo/flake3.gif";
    Image3=new Image();
    Image3.src="photo/flake4.gif";
    Image4=new Image();
    Image4.src="photo/flake5.gif";grphcs=new Array(5)
    grphcs[0]="photo/flake1.gif"
    grphcs[1]="photo/flake2.gif"
    grphcs[2]="photo/flake3.gif"
    grphcs[3]="photo/flake4.gif"
    grphcs[4]="photo/flake5.gif"Ypos=new Array();
    Xpos=new Array();
    Speed=new Array();
    Step=new Array();
    Cstep=new Array();
    ns=(document.layers)?1:0;
    if (ns){
    for (i = 0; i < Amount; i++){
    var P=Math.floor(Math.random()*grphcs.length);
    rndPic=grphcs[P];
    document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
    }
    }
    else{
    document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i = 0; i < Amount; i++){
    var P=Math.floor(Math.random()*grphcs.length);
    rndPic=grphcs[P];
    document.write('<img id="si" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
    }
    document.write('</div></div>');
    }
    WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
    WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
    for (i=0; i < Amount; i++){                                                                
     Ypos[i] = Math.round(Math.random()*WinHeight);
     Xpos[i] = Math.round(Math.random()*WinWidth);
     Speed[i]= Math.random()*3+2;
     Cstep[i]=0;
     Step[i]=Math.random()*0.1+0.05;
    }
    function fall(){
    var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
    var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
    var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;
    var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;
    for (i=0; i < Amount; i++){
    sy = Speed[i]*Math.sin(90*Math.PI/180);
    sx = Speed[i]*Math.cos(Cstep[i]);
    Ypos[i]+=sy;
    Xpos[i]+=sx; 
    if (Ypos[i] > WinHeight){
    Ypos[i]=-60;
    Xpos[i]=Math.round(Math.random()*WinWidth);
    Speed[i]=Math.random()*5+2;
    }
    if (ns){
    document.layers['sn'+i].left=Xpos[i];
    document.layers['sn'+i].top=Ypos[i]+hscrll;
    }
    else{
    si[i].style.pixelLeft=Xpos[i];
    si[i].style.pixelTop=Ypos[i]+hscrll;
    } 
    Cstep[i]+=Step[i];
    }
    setTimeout('fall()',10);
    }
    //-->
    </script>
    <body onLoad="fall()"></body>
      

  2.   

    直接复制 放到HTML文件中浏览  把图片改成雪花 图片就行了
      

  3.   

    Uncaught SyntaxError: Unexpected identifier     test.html:6Uncaught ReferenceError: fall is not defined     test.html:93报错