正在加载...

前段时间冷空气突袭的时候,据说郊区密云的雪积得挺厚,但北京城内除了飘了一点小雪粒,毫无动静。应该是气温过高所致,我在慈云寺桥附近拍下的照片可以很好的解释这一点。

不过最近WordPress.com倒是提供了一种让你在Blog下雪的方法(原作者是Scott Schiller),只需要将这行代码加在你Blog的任何位置即可,不需要额外的负担:不用自己维护图片和JavaScript文件(WP.com会帮你出带宽费用,哈哈~)

注意:如果你的Blog不支持JavaScript,则无法使用这一效果,抱歉。

引用代码如下:

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

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

所有TES主题用户都可以直接使用这个代码:

<script type="text/javascript" >
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>

其它主题用户,如果希望改变雪落下的位置,可以使用这个代码:

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

还没找到您要的东西?Google试试看吧,
Google更注重原创、时效性好的文章:


本文相关评论: 才 63 条评论
  1. 靛海幽蓝 2008-12-14 08:30:35

    能自定义宽度吗

    • aw 2008-12-14 11:04:43

      抱歉,暂时不能定义宽度。我没有时间深入看具体的代码。

  2. 无双 2008-12-14 09:39:45

    号称我居然看不到下雪
    是IE不支持?或是FIREFOX不支持,只支持什么浏览器?

  3. AG 2008-12-14 09:43:59

    嘿嘿,先在本地测试一下

  4. lin516 2008-12-14 09:50:59

    只能用在wp博客吗,如果随便什么网站都可以就好了

  5. AG 2008-12-14 09:52:52

    呃,俺试过了firefox、ie、opera、chrome、safari,都不下雪。。。

    • aw 2008-12-14 11:05:24

      辛苦了。

      是因为发到Blog的代码被折行之后字符串拆开了。我已经更新了本文,请重新检测:)

  6. AG 2008-12-14 09:57:17

    到Scott Schiller转了一圈,吓我一跳
    尤其是那声YD的“eh…”

  7. andu 2008-12-14 10:31:30

    网站排名真高,中文博客可以排到5万位。哇。

  8. kevin 2008-12-14 10:39:24

    都不下雪,因为加了js代码,还跳出出错,然后就该网页无法显示了

  9. kevin 2008-12-14 10:39:56

    预计原因为国内打不开wp.com和appspot

  10. sunshineg 2008-12-14 10:45:03

    我试试去….

  11. wangyh 2008-12-14 10:58:29

    用了let-it-snow插件。
    AW的这个loading越来越好看了,能不能不用黄色来代表未加载完的部分……感觉跟初一生物上学的血液的血和那个血清差不多。。。

    • aw 2008-12-14 11:04:06

      为这个效果用一个WordPress的插件不太值得。呵呵,至少懂一点HTML的话没有必要:)

      呃,loading的效果只是一次简单的尝试,有空再更新。

  12. iColor 2008-12-14 11:10:19

    最近好多朋友都 下雪 了,我还是等真的下雪吧,,呵呵

  13. neeke 2008-12-14 11:21:48

    效果未看到。

  14. geuro 2008-12-14 11:40:24

    等下雪了,我也来试试。

  15. ewayren 2008-12-14 12:25:32

    我也是任何浏览器都看不到飘雪的效果,loading在IE下不显示背景

  16. Black-Xstar 2008-12-14 02:49:40
    • aw 2008-12-14 03:23:24

      奇怪,有时候是可以的。

      唉,那就用我放在Google的那个吧,可恶的G4W……

  17. langmuir 2008-12-14 03:20:23

    上午那个代码的确有问题.现在好了.谢谢aw

  18. Jinwen 2008-12-14 04:56:58

    挺不错啊,我把它放到本地去了。

  19. alone 2008-12-14 05:16:11

    谢谢AW,效果很好看

  20. 幻翼神尘 2008-12-14 05:51:24

    其他博客系统能使用吗?譬如我的PJBlog~

  21. Heyi 2008-12-14 05:58:00

    楼主是谷歌人?厉害啊!

  22. 小马 2008-12-14 07:27:32

    先用用看!

  23. 流星 2008-12-14 07:57:39

    不知道多高,直接写了个1600,结果白色的动态从顶部而下……
    不过那个白色,在我白色顶栏衬托下确实不太显眼,还赶上我主题背景白色
    不过是好玩的东西,赞一个

  24. 怀空 2008-12-14 08:29:33

    嗯。谢谢aw。测试一下…

  25. 激情聊天室 2008-12-14 11:24:01

    文章写的不错强烈支持了 继续努力
    用心做站,你一定会成功,吸取教训是好事!!

  26. ROC 2008-12-14 11:25:48

    AW你好,看到你这篇blog,很喜欢,谢谢分享。同时请教一个相关的问题,前段我看到一个网页上也有雪花的效果http://themelib.com/,我找到了它的JS文件http://themelib.com/wp-content/themes/arthemia/snow.js,但是加到自己的blog上却无法实现那个网页上的效果,特别是页面loading过程中,雪花在网页顶部快速的横向移动,然后再飘落下来这个效果。我不大懂JS,还烦请AW解答,这个效果是如何实现的。谢谢了!

  27. 猪头 2008-12-14 11:34:59

    我已经试了,还不错

  28. dodo 2008-12-15 08:46:32

    一场轰动网络的小雪~~~有趣!

  29. simpleseo 2008-12-15 08:59:30

    呵呵,多谢AW,俺现在就去试试。

  30. Src 2008-12-15 09:19:18

    我也加上了,嘿嘿

  31. Src 2008-12-15 09:21:42

    AW你的这个blog主题,俨然已经非常不错了
    回头我也装一下嘿嘿

    • aw 2008-12-15 10:17:31

      自从您另谋高就之后,blog又很久不更新了啊~~

  32. kookoo 2008-12-15 11:20:59

    本地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)}();

  33. 多啦A梦 2008-12-15 02:00:55

    加过代码后,评论栏在IE6下有BUG,闪烁不定~
    http://www.chuangblog.cn/2008/12/03/rizhi/

  34. Cat Chen 2008-12-16 12:31:51

    让别人加载一个第三方JavaScript?这个建议也太不安全了吧。

    • aw 2008-12-16 10:15:28

      这个建议虽然不安全,但是比较实用。。。。至少我的AppEngine被黑的可能性是很小的。

      介意安全性的人自然会下载到自己的服务器。

      • Cat Chen 2008-12-16 04:08:24

        谁知道你会不会突然想黑别人,真实的……

        • aw 2008-12-16 04:18:36

          好吧。我无言以对了。我相信有安全意识的同学们都会upload这个script到local server的,恩~

  35. Mr.W 2008-12-16 01:56:50

    这个也不大~没必要还外连到国外~我首页也放了(比aw放得早点)
    唯一的缺陷很占CPU~~
    效果真的很好

  36. 颜小诗 2008-12-16 01:20:00

    确实挺好看的 不过耗资源 不实用 又禁用掉了。。。

  37. 小旋子 2008-12-17 07:24:01

    呵呵,目前收集了三个武功秘籍了,你这个办法是最简单,最不耗资源的^_^

  38. 一万个免费资源 2008-12-20 05:29:37

    试过,很不错,不过感觉不是很实用啊。

  39. 电饼铛 2008-12-20 11:05:20

    冬天加上和有感觉哦

  40. TigerKing 2008-12-21 01:50:07

    您好?请教一个问题?
    我想在博客的所有网页之间加入一段代码,应该怎么做呢?

  41. atomicink 2008-12-21 10:13:11

    缺点是,下方横着的滚动条时隐时现,看的眼花~

    • aw 2008-12-21 10:47:50

      可是我无论如何都看不到那个滚动条。是否和所安装的插件有关?

  42. 我用了 2008-12-22 09:19:33

    我的博客和论坛也用上了,凑下圣诞气氛不错的,谢谢了。

  43. 杀手爱喝牛奶 2008-12-22 03:31:35

    下雪啦~哈哈 ~谢谢

  44. 喵小可 2008-12-24 12:39:26

    好东东啊,回头加上试试看

  45. 喵小可 2008-12-24 01:36:28

    如何设置这个雪花的宽度呢,我设置了,但宽度会出现滚动条了,请指教哈。

  46. 木木木木木 2008-12-27 04:39:38

    恩 用上你的JS了 效果不错!

  47. 热工仪表 2009-01-15 10:46:45
  48. Cocomo 2011-12-24 11:11:13

    非常感谢。圣诞节下个雪玩玩…

  49. 小苏 2012-12-26 02:14:46

    插哪里都下不了雪,郁闷

  50. 我勒个擦 2014-01-26 03:35:22

    胸台。。。翻墙出wordpress.com 发现http://s1.wordpress.com/wp-content/plugins/snow/snowstorm.js已经404 找不到了。。。。。。

[支持Ctrl+Enter]为了我们大家和家人的安全,留言请慎重!
声明:
1、本站仅与见过面的个人博客交换链接,见此文
2、留言时的头像是Gravatar提供的服务。如果您有兴趣并且有闲暇时间,可以看看这里的介绍