WEB开发网
开发学院网页设计JavaScript 一行JS代码给实现Blog页面下雪效果 阅读

一行JS代码给实现Blog页面下雪效果

 2008-12-16 20:04:30 来源:WEB开发网   
核心提示: 前段时间冷空气突袭的时候,据说郊区密云的雪积得挺厚,一行JS代码给实现Blog页面下雪效果,但北京城内除了飘了一点小雪粒,毫无动静,代表雪停留的位置与页面头部的距离,如果设为0,不过最近WordPRess.com倒是提供了一种让你在Blog下雪的方法,只需要将这行代码加在你Blog的任何位置即可

   前段时间冷空气突袭的时候,据说郊区密云的雪积得挺厚,但北京城内除了飘了一点小雪粒,毫无动静。不过最近WordPRess.com倒是提供了一种让你在Blog下雪的方法,只需要将这行代码加在你Blog的任何位置即可,不需要额外的负担:不用自己维护图片和javaScript文件(WP.com会帮你出带宽费用,哈哈~)

   注意:如果你的Blog不支持Javascript,则无法使用这一效果,抱歉。
   引用代码如下:

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


   如果希望让雪停留在某一固定高度,例如我现在将雪停留在导航栏上,只需要引用我修改后的js即可。为了不影响加载速度,放到</body>前面即可。

<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,则落下的雪花会停留在页面最底部。

Tags:一行 JS 代码

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接