有时候浏览器变得缓慢或者网络十分缓慢的时候，当你点击了一个链接，你要做的就是对着页面傻看着，页面既不刷新，也没有任何提示，并没有给用户一个好的引导。一些并不是网络从业者的访客可能都不知道你的网站到底怎么了，明明点击了链接却没有反应，从而造成了不好的印象。所以我觉得，为什么不给出一些提示来告诉他们页面正在加载中呢(当他们点击了某个链接的时候)。

$('a').click(function(){
	$(this).text('loading...');
});

以上这段代码就是改变你所点击的链接的文本为 loading…当然你如果只想让局部的链接有这种效果的话，自己去选择对象吧。

也许你也已经注意到本站在点击链接的时候，除了链接文本变为 loading…之外，还会在左上角弹出页面加载的提示，虽然都是些噱头的功能，但是无疑会让用户觉得很眩，多少会吸引用户的注意力从而让等待显得不那么漫长。

我的做法是在你的模板里放置如下代码( CSS 自行控制，别忘了让其绝对定位到顶部)：

<div id="clickload">页面假装异步加载中...</div>

然后就是使用 jQuery 来控制以上的 Div 的显示：

$('a').click(function(){
	$(this).text('loading...');
	$('#clickload').show();
});

不过有一点要提醒的是，显然你不能对全站的 a 链接都启用这个效果，因为还有一些 a 链接是在新窗口打开外链或者是 # 或者是 javascript 的，当你点击那些链接的时候当前页面显然不会跳转到新的页面，那么左上角弹出的提示显然也不会被刷新掉，所以你需要对 a 进行过滤。

我只做了简单的过滤，排除了那些新窗口打开的外链

$('a[href*="http://leeiio.me"]')

当然具体还得因你自己的站而对 a 进行筛选，你可以选择只针对侧边栏的链接啊或者导航链接啊或者只是文章标题等。

很简单对吧，说了只是小细节了。谢谢大家捧场！

2009.11.11更新：增加鼠标中间点击链接的事件捕获处理。(顺便祝广大光棍朋友早日“脱光”！)
当你用鼠标中键新窗口打开链接的时候还是会触发事件，导致文字变成“Loading…”，那么我们就要对鼠标的事件进行处理了，处理的代码如下：

$('a').click(function(e){
	if(e.which == 2){
              return true;
        }else{
              $(this).text('loading...');
	      $('#clickload').show();
        }
});

2009.11.22更新：页面由window.location打开。
不知道为什么，在IE和Opera中用jquery的click(fn)函数，会丢失默认的事件也就是只执行了click(fn)函数里面写的事件，而默认的打开页面的事件丢失了，Firefox和Chrome都是正常的。不知道是不是jQuery函数的问题，往知情者告知哈。现在的解决方案代码如下：

$('a').click(function(e){
	if(e.which == 2){
              return true;
        }else{
              $(this).text('loading...');
	      $('#clickload').show();
              window.location = $(this).attr('href');
        }
});

需要注意如下幾點:

1. 此風格基於Qwilm!風格修改而來，本人修改色調以及一些頁面細節處理，其實如果要說和Qwilm!風格像的話無非就是左側的三個小圖標，個人比較歡喜，所以一直保留。三個圖標的的連接地址請自行修改header.php(頁眉)文件，把相關我的email地址等修改為自己的，當然你也可以對這三個圖標進行刪除或者演繹。
2. siderbar已經修改為widget調用，2.3版本以上只需後台添加即可。
3. sidebar的底部有Technorati收藏夾圖標，自行修改sidebar.php文件中的地址為自己blog或者去除。
4. ing.php為飯否調用模塊，你可以將裡面的功能代碼複製到任何頁面文件，但是請修改fanfou_name=”leeiio”;為自己的飯否id。
5. bookmarks.php為del.icio.us書籤調用，請自行修改為自己的id。
6. links.php為友情連接頁面，只需修改前面代碼的35這個數字為你所想調用的友情鏈接分組id即可，具體更多的幫助請參照http://codex.wordpress.org/Template_Tags/get_links 。
7. page.php頁面添加有評論模塊，新建一個頁面，便可以把那個頁面當作guestbook使用。

此風格顏色單調，本人不保證長久面對所造成的單調孤獨感哈。但是其演繹空間還是很大的，你可以適當添加背景以及banner等。
本風格遵守”署名-非商业性使用-相同方式共享 3.0“協議。
有任何問題可給我留言，我會在我看到的第一時間內回覆你。謝謝使用。

Simple gray v1 for wordpress 完善版 版本号：1.0 (最后更新时间：2009-03-04)

Simple gray v1 for wordpress 完善版下载89.19 kB 目前共有653次下载

2008年03月14日 @ 9:44 pm更新的行文：
看到左側的三個小圖標我想你們大家一定不陌生,對的,我的這款風格其實就是基於Qwilm!風格修改而來的,看到一些人很喜歡這個風格所以發布下,尊重下勞動成果的只要保留下版權即可,如果你執意要去掉那也無妨,我也就是這麼一說.恩.需要配合四款插件使用,插件都已經提供在壓縮包裡了,不想用插件的也可以手動修改風格文件去除插件調用代碼,有技術問題的也可以請教我,總之,就這樣,恩,不錯的一天!


從自己用的風格中整理，有什麼問題請留言。

附件： 幸福大街風格 v2.0 For PW6.0.rar (828 K)

哈哈，做著玩的，希望大家捧場啊。
分別訪問http://www.guaniu.com/music和http://www.guaniu.com/lily

花了兩天多的時間終于完成了這個風格，相比以前的水彩淡色系這個看起來更穩重點呵呵，基本完成，個別細節還為處理到，特別是還未解決在FF下顯示效果和IE不一樣的問題。
請訪問http://www.guaniu.com/bbs 進入論壇。

居然接到种zhǒng豬網的改版CASE，此等網站不敢做得太放肆，于是小小設計了一下，自以為感覺還可以，誰知道不通過，發出來給大家觀摩下。