一行代码给你的Blog添加下雪效果

aw — Sat, 13 Dec 2008 23:45:00 +0000

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

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

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

引用代码如下：

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

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

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

同时，你可以根据你的页面导航情况自己定义customizedHeight的值，单位为像素，代表雪停留的位置与页面头部的距离。如果设为0，则落下的雪花会停留在页面最底部。

61条评论, 立即发言 | 本文关键词: blogger, tes, UE, WordPress, 下雪效果, 用户体验

©aw's blog 姿态永恒 1984-2008 | 链接地址 - http://www.awflasher.com/blog/archives/1616

@awguo （新浪微博） | @awguo （腾讯微博） | Twitter: @awguo

给页面加上Loading效果最简单实用的办法

aw — Thu, 20 Nov 2008 09:24:00 +0000

虽然现在的GMail已经看不到这个效果，但之前那个可爱的深红色Loading仍然让许多人喜爱。我也将这款效果融入了我自己的WordPress主题TES中：

其实我的方法非常简单，也可以说没什么技术含量，甚至还不支持IE6，但据我长期的观察，确实非常实用的。Analytics的统计数据表明，加入了这一效果之后，用户的“平均停留时间”的确有所提高。可见，一个“正在加载”让许多用户都有更多的耐心等待，而不会因为屏幕空白太久而不耐烦地离开。

最近，又有不少朋友留言询问这个Loading的实现原理。这里我就分享一下：

首先，在页面的最上部输出一个Loading文字，比如“正在加载”，用div标签包含，并给它一个id，比如loading：
  正在加载
你可以直接放到页面的标签后面，亦可以用script.write输出（如果你有SEO洁癖的话）

然后，在你的样式表中，对这个loading设定一个简单的样式：
#loading{z-index:1;padding:5px 0 5px 9px;
background:#c44;left:0;top:0;width:90px;
color:#fff;position:fixed}
接下来，在你标签闭合之前，将这个loading隐藏掉就可以了。最简单的方法是输出一段

aw's blog 姿态永恒 » 关于用户体验的文章

一行代码给你的Blog添加下雪效果

给页面加上Loading效果最简单实用的办法