圣诞节网页下雪代码

在内部网站搞个网页下雪的特效,烘托一下节日气氛。用的是这个代码,加在<body> </body> 之间:

<EMBED style="LEFT: 0px; POSITION: absolute; TOP: 0px" align=center src="snow.swf" width=1280 height=1100 type=application/x-shockwave-flash WMODE="transparent" QUALITY="high"></EMBED>

雪花用的是Flash文件,你可以在“圣诞节雪花Flash下载”找到其它圣诞节雪花Flash,替换即可。

网页最好是深色背景这样效果才好。width,height 是宽高,改成适合你的尺寸。其实也可以换成其它Flash,下雨啦,财神派红利,仙女散花等等。

建议只在一个页面加雪花,比如首页。加载太多页面,会造成客户机资源占用太多,影响计算机运行速度。

演示1:Demo (驯鹿拉着圣诞老人,雪花在身边散开,很梦幻的场景)

演示2:Demo (大雪花)

演示3:Demo (小雪花)

演示4:Demo (javascript 版,有风吹雪花堆积效果,比较逼真),作者:Scott Schiller

网上还流行“一行代码让你的blog下雪”,主要是调用远程JS,优点是代码简单不占本站资源。缺点是如果对方网站撤代码,你的网页就雪过天晴停了,还是根据需要自已选择用哪个下雪代码吧。

下面代码放在<head> </head>之间

<script src="http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js" type="text/javascript"></script>

下面是可修改降雪参数的JS引用代码。

<script type="text/javascript" >
var customizedHeight = 0;
var aw_snow_jssrc = '%3Cscript type="text/javascript"';
aw_snow_jssrc += 'src="http://vosforever.app';
aw_snow_jssrc += 'spot.com/static/snow.js"%3E%3C/script%3E';
document.write(unescape(aw_snow_jssrc));
</script>

可根据需要,自定义雪花飘落高度,customizedHeight 单位为像素,代表雪花停留位置与页面头部的距离。如果设为0,则落下的雪花会停留在页面最底部。

  • quote 1. 暗潮
  • http://www.wu2007.cn
  • 这个应该不错,呵呵 可以换个好看的图片!
    birder 于 2008-12-23 19:31:09 回复
    在哪看过一个驯鹿加雪花的Flash,地址忘了,那个加上效果肯定会更好。
    birder 于 2008-12-23 21:26:38 回复
    费了好大一番功夫,终于找到这个驯鹿加雪花Flash,详见演示
    http://www.zfnn.com/post/225.html,有全部雪花下载。

  • 2008-12-23 16:41:42 回复该留言

评论恒久远,一贴永流传

提交

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

帮助他人 - 快乐自己

最近发表

Search

热门文章

随机推荐

卓越新书

Top

Powered By Z-Blog 1.8 Walle Build 100427

© 2007-2011 zfnn.com. 皖ICP备07503469号