冰剑博客

大家会注意到，点击日志标题后，会出现“载入中...”的提示，给人的第一感觉很友好、人性化。昨天在万戈的博客发现了这修改方法。

首先载入 JQuery 库（不知道怎么载入的去问 Google），然后再加入点击的关键代码，代码如下：

<script type="text/javascript">
$(document).ready(function($) {
    $('#content .post h2 a').click(function(e) {
        if (e.which == 2) {
            return true
        } else {
            $(this).html('<b>loading...</b>');
            $('#clickload').show();
            window.location = $(this).attr('href')
        }
    })
});
 
</script>

其中“#content .post h2 a”在本博客的位置就是日志的标题，如果大家还想在别的地方加入这个效果，比如我要在本主题的侧栏随机日志中加入此效果，可以在“#content .post h2 a”后面加入“,#sidebar .widget_recent_random_posts a”，任何位置都可以加入，用英文逗号分开就可以了。

更多信息大家可以围观：http://wange.im/loading-effect-by-jquery.html