前段时间冷空气突袭的时候,据说郊区密云的雪积得挺厚,但北京城内除了飘了一点小雪粒,毫无动静。应该是气温过高所致,我在慈云寺桥附近拍下的照片可以很好的解释这一点。
不过最近WordPress.com倒是提供了一种让你在Blog下雪的方法(原作者是Scott Schiller),只需要将这行代码加在你Blog的任何位置即可,不需要额外的负担:不用自己维护图片和JavaScript文件(WP.com会帮你出带宽费用,哈哈~)
注意:如果你的Blog不支持JavaScript,则无法使用这一效果,抱歉。
引用代码如下:
http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js
如果希望拥有像我的Blog这样的效果,即让雪停留在某一固定高度,例如我现在将雪停留在导航栏上,只需要引用我修改后的js即可。为了不影响加载速度,放到</body>前面即可。
所有TES主题用户都可以直接使用这个代码:
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));
其它主题用户,如果希望改变雪落下的位置,可以使用这个代码:
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));
同时,你可以根据你的页面导航情况自己定义customizedHeight的值,单位为像素,代表雪停留的位置与页面头部的距离。如果设为0,则落下的雪花会停留在页面最底部。
能自定义宽度吗
抱歉,暂时不能定义宽度。我没有时间深入看具体的代码。
号称我居然看不到下雪
是IE不支持?或是FIREFOX不支持,只支持什么浏览器?
我这里IE7和FF3都正常啊。
嘿嘿,先在本地测试一下
只能用在wp博客吗,如果随便什么网站都可以就好了
只要你的网站能放js就行
呃,俺试过了firefox、ie、opera、chrome、safari,都不下雪。。。
辛苦了。
是因为发到Blog的代码被折行之后字符串拆开了。我已经更新了本文,请重新检测:)
到Scott Schiller转了一圈,吓我一跳
尤其是那声YD的“eh…”
网站排名真高,中文博客可以排到5万位。哇。
都不下雪,因为加了js代码,还跳出出错,然后就该网页无法显示了
预计原因为国内打不开wp.com和appspot
我试试去….
用了let-it-snow插件。
AW的这个loading越来越好看了,能不能不用黄色来代表未加载完的部分……感觉跟初一生物上学的血液的血和那个血清差不多。。。
为这个效果用一个WordPress的插件不太值得。呵呵,至少懂一点HTML的话没有必要:)
呃,loading的效果只是一次简单的尝试,有空再更新。
最近好多朋友都 下雪 了,我还是等真的下雪吧,,呵呵
效果未看到。
等下雪了,我也来试试。
我也是任何浏览器都看不到飘雪的效果,loading在IE下不显示背景
http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js
无法访问这个哦……
奇怪,有时候是可以的。
唉,那就用我放在Google的那个吧,可恶的G4W……
上午那个代码的确有问题.现在好了.谢谢aw
挺不错啊,我把它放到本地去了。
谢谢AW,效果很好看
其他博客系统能使用吗?譬如我的PJBlog~
当然可以:)
楼主是谷歌人?厉害啊!
先用用看!
不知道多高,直接写了个1600,结果白色的动态从顶部而下……
不过那个白色,在我白色顶栏衬托下确实不太显眼,还赶上我主题背景白色
不过是好玩的东西,赞一个
嗯。谢谢aw。测试一下…
文章写的不错强烈支持了 继续努力
用心做站,你一定会成功,吸取教训是好事!!
AW你好,看到你这篇blog,很喜欢,谢谢分享。同时请教一个相关的问题,前段我看到一个网页上也有雪花的效果http://themelib.com/,我找到了它的JS文件http://themelib.com/wp-content/themes/arthemia/snow.js,但是加到自己的blog上却无法实现那个网页上的效果,特别是页面loading过程中,雪花在网页顶部快速的横向移动,然后再飘落下来这个效果。我不大懂JS,还烦请AW解答,这个效果是如何实现的。谢谢了!
我已经试了,还不错
一场轰动网络的小雪~~~有趣!
呵呵,多谢AW,俺现在就去试试。
我也加上了,嘿嘿
AW你的这个blog主题,俨然已经非常不错了
回头我也装一下嘿嘿
自从您另谋高就之后,blog又很久不更新了啊~~
本地FF试过了 没问题 比如把下面的代码放到FF的书签工具栏
javascript:var x= function(){var h=document.createElement(‘script’);h.src=’http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js’;h.type=’text/javascript’;document.getElementsByTagName(‘head’)[0].appendChild(h)}();
加过代码后,评论栏在IE6下有BUG,闪烁不定~
http://www.chuangblog.cn/2008/12/03/rizhi/
让别人加载一个第三方JavaScript?这个建议也太不安全了吧。
这个建议虽然不安全,但是比较实用。。。。至少我的AppEngine被黑的可能性是很小的。
介意安全性的人自然会下载到自己的服务器。
谁知道你会不会突然想黑别人,真实的……
好吧。我无言以对了。我相信有安全意识的同学们都会upload这个script到local server的,恩~
这个也不大~没必要还外连到国外~我首页也放了(比aw放得早点)
唯一的缺陷很占CPU~~
效果真的很好
确实挺好看的 不过耗资源 不实用 又禁用掉了。。。
呵呵,目前收集了三个武功秘籍了,你这个办法是最简单,最不耗资源的^_^
试过,很不错,不过感觉不是很实用啊。
冬天加上和有感觉哦
您好?请教一个问题?
我想在博客的所有网页之间加入一段代码,应该怎么做呢?
缺点是,下方横着的滚动条时隐时现,看的眼花~
可是我无论如何都看不到那个滚动条。是否和所安装的插件有关?
可能是我的屏幕太小,1024的
我的博客和论坛也用上了,凑下圣诞气氛不错的,谢谢了。
下雪啦~哈哈 ~谢谢
好东东啊,回头加上试试看
如何设置这个雪花的宽度呢,我设置了,但宽度会出现滚动条了,请指教哈。
恩 用上你的JS了 效果不错!
很好
非常感谢。圣诞节下个雪玩玩…
插哪里都下不了雪,郁闷
胸台。。。翻墙出wordpress.com 发现http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js已经404 找不到了。。。。。。