修改 totalSnow 和 dropHeight来改变雪花的数量和初始显示区域的高度。肯定可以优化，但我水平太滥，而且也不太清楚到底哪个方法节约资源，要是经典论坛的小狗和LexRus来了，肯定意见一大堆，：）

</p> <style> <p>body {background:#003 url(back.png) top center no-repeat;margin:0;}</p> <p>.snowPosition {position:absolute;}</p> </style> <div id="oSnow" style="position:absolute;top:0;left:0;"></div> <p><script type="text/javascript"></p> <p>//2004-12-30 by guoshuang for snow in xi'an</p> <p>totalSnow=40; //snow numbers</p> <p>dropHeight=80;</p> <p>oMode=5;</p> <p>imgsrc="images/snowb.gif"</p> <p>var oNodes;</p> <p>function initSnow(){</p> <p>//random config the property of snow image</p> <p>document.getElementById("oSnow").innerHTML="";</p> <p> for(i=0;i<totalSnow;i++){</p> <p> snowimg=document.createElement("img");</p> <p> snowimg.src=imgsrc;</p> <p> snowimg.alt="";</p> <p> snowimg.className="snowPosition";</p> <p> snowimg.width=parseInt(Math.random()*28);</p> <p> snowimg.height=snowimg.width;</p> <p> snowimg.style.left=parseInt(Math.random()*document.body.clientWidth-28)+"px";</p> <p> snowimg.style.top=parseInt(Math.random()*dropHeight)+"px";</p> <p> document.getElementById("oSnow").appendChild(snowimg);</p> <p> }</p> <p> oNodes=document.getElementById("oSnow").childNodes;</p> <p>}</p> <p>function dropSnow(){</p> <p> if(oNodes.length==0)return;</p> <p> for(j=0;j<oNodes.length;j++){</p> <p> nowTop=oNodes[j].style.top;</p> <p> nowLeft=oNodes[j].style.left;</p> <p> nowTop=nowTop.substring(0,nowTop.length-2);</p> <p> nowLeft=nowLeft.substring(0,nowLeft.length-2);</p> <p> nowWidth=oNodes[j].clientWidth;</p> <p> oNodes[j].style.top=parseInt(nowTop)+2;</p> <p> //special show for random left right moving</p> <p> leftDistance=parseInt(Math.random()*3)</p> <p> oNodes[j].style.left=parseInt(nowLeft)-leftDistance;</p> <p> if(nowTop%oMode==0){</p> <p> if(nowWidth<1){</p> <p> //remove old node,append new one!</p> <p> document.getElementById("oSnow").removeChild(oNodes[j]);</p> <p> //new one</p> <p> snowimg=document.createElement("img");</p> <p> snowimg.src=imgsrc;</p> <p> snowimg.alt="";</p> <p> snowimg.className="snowPosition";</p> <p> snowimg.width=parseInt(Math.random()*28);</p> <p> snowimg.height=snowimg.width;</p> <p> snowimg.style.left=parseInt(Math.random()*document.body.clientWidth-28)+"px";</p> <p> snowimg.style.top=parseInt(Math.random()*dropHeight)+"px";</p> <p> document.getElementById("oSnow").appendChild(snowimg);</p> <p> }else{</p> <p> oNodes[j].style.width=nowWidth-1;</p> <p> oNodes[j].style.height=nowWidth-1;</p> <p> }</p> <p> }</p> <p> }</p> <p>}</p> <p>//init</p> <p>window.onload=function(){initSnow();setInterval(dropSnow,200)}</p> <p>window.onresize=function(){initSnow()}</p> <p></script></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

简化版，只显示，不动，拖动窗口大小，图案变化

</p> <style> <p>body {background:#003 url(back.png) top center no-repeat;margin:0;}</p> <p>.snowPosition {position:absolute;}</p> </style> <div id="oSnow" style="position:absolute;top:0;left:0;"></div> <p><script type="text/javascript"></p> <p>//2004-12-30 by guoshuang for snow in xi'an</p> <p>totalSnow=40; //snow numbers</p> <p>dropHeight=80;</p> <p>imgsrc="images/snowb.gif"</p> <p>var oNodes;</p> <p>function initSnow(){</p> <p>//random config the property of snow image</p> <p>document.getElementById("oSnow").innerHTML="";</p> <p> for(i=0;i<totalSnow;i++){</p> <p> snowimg=document.createElement("img");</p> <p> snowimg.src=imgsrc;</p> <p> snowimg.alt="";</p> <p> snowimg.className="snowPosition";</p> <p> snowimg.width=parseInt(Math.random()*28);</p> <p> snowimg.height=snowimg.width;</p> <p> snowimg.style.left=parseInt(Math.random()*document.body.clientWidth-28)+"px";</p> <p> snowimg.style.top=parseInt(Math.random()*dropHeight)+"px";</p> <p> document.getElementById("oSnow").appendChild(snowimg);</p> <p> }</p> <p> oNodes=document.getElementById("oSnow").childNodes;</p> <p>}</p> <p>//init</p> <p>window.onresize=function(){initSnow()}</p> <p></script></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

I m using revealTrans filter for layer effect. And I want to execute one function after transition is done.

How do I know that revealTrans is complete?

Here is the function that I m using for layer effect.

</p> <p>function goright()</p> <p>{</p> <p>eval(’image’+count).filters[0].Apply();</p> <p>eval(’image’+count).style.visibility = “visible”;</p> <p>eval(’image’+count).filters.revealTrans.transition=7;</p> <p>eval(’image’+count).filters[0].Play();</p> <p>}</p> <p>

ou can set the time of the transition by putting it in the Play parenthesis

revealTrans.Play(reveal time in seconds)

and then using setTimeout set to the same

setTimeout(”function()”,reveal time in seconds)

revealTrans.Play(2) // 2 seconds

setTimeout(”function()”,2000) // 2 seconds

You are aware that revealTran is IE only?

应该是不渲染的缘故…

</p> <p><!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></p> <p><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gb2312" lang="gb2312"></p> <p><head></p> <p><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /></p> <p><meta http-equiv="Content-language" content="gb2312" /></p> <style type="text/css" media="all"> <p>#realPrint {visibility : visible}</p> <p>body {visibility:hidden}</p> </style> <p></head></p> <p><body></p> <div class="noprint">here will not print!</div> <div id="realPrint">will be printed.</div> <div class="noprint">here will not print!</div> <p></body></p> <p></html></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

</p> <p><!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></p> <p><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gb2312" lang="gb2312"></p> <p><head></p> <p><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /></p> <p><meta http-equiv="Content-language" content="gb2312" /></p> <style type="text/css" media="all"> <p>#realPrint {display:block !important;}</p> <p>body {display:none;}</p> </style> <p></head></p> <p><body></p> <div class="noprint">here will not print!</div> <div id="realPrint">will be printed.</div> <div class="noprint">here will not print!</div> <p></body></p> <p></html></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

不是很理解，有些晕…

</p> <p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN"></p> <p><html></p> <p><head></p> <p></head></p> <p><body></p> <div id="example"> <p><img src="temp/images/mo_home.gif" name="home" alt=""/></p> <p><img src="temp/images/mo_place.gif" name="place" alt="" /></p> </div> <p></body></p> <p></html> </p> <p><script></p> <p>if(document.getElementById&&document.getElementsByTagName){</p> <p>oimg=document.getElementById("example").getElementsByTagName("img")</p> <p>for(i=0;i<oimg.length;i++){</p> <p> alert(i)</p> <p> oimg[i].onmouseover=function(){alert(i)}</p> <p> }</p> <p>}</p> <p></script></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

这是小雨手册翻译自msdn的相关内容

hand  :  竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。  

pointer  : (IE6.0)  和 hand 一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。  

可是 pointer 才是css2 的标准属性，压根就没有hand 这个东西。
http://www.zvon.org/xxl/CSS2Reference/Output/prop_cursor.html

ie 5估计不认识 pointer，所以还要判断 if(document.all)