首页点击文章标题时的提示效果

2010-12-15 17:47:38

        看到别人的博客里点击文章标题会有“Loading”或是“载入中”的提示字样,今天无意中看到了这个教程,添加到自己的博客里!不过看下面的评论感觉这个功能的实现简直太Easy了,直接贴代码进去就可以了,可是对于我这个不了解代码的人来说,可是折腾了一会儿....

方法写在这里给自己备个份,也给以后的新手用(高手飘过就好了)!

        首先你要先确定你的主题加载了JQ,若没有可以自行添加,放置header或footer中都可以,据说放在footer中比较好,不是很影响速度,代码如下:

<script type="text/javascript"
src="http://ajax.lug.ustc.edu.cn/ajax/libs/jquery/1.3.1/jquery.min.js">
</script>
        之后将以下代码到JQ下面,注意的是('.title h2 a').这里面的.post h2 a要改成你自己的,菜鸟查看法就是直接在你的主页查看你的源码(我就是这样干的,哈哈),查找定义你文章标题的字符替换掉就OK了。“页面载入中...”你就尽情发挥你的想象吧!
<script type="text/javascript">
jQuery(document).ready(function($){
$('.title h2 a').click(function(){
    $(this).text('页面载入中……');
    });
});
</script>
        不过我没有将代码直接贴在那里,我是在主题根目录建了一个JS文件,将我全部用到的JS代码都放进这里面,要注意的是JS文件代码放置的位置
jQuery(document).ready(function($){...所有的JS代码都要包在这中间...});
仔细观察这代码与上面代码的区别,所以我们只要将以下代码贴进去就可以,“//”为注释,因为所有的JS代码都在这里
//载入效果
$('.post h2 a').click(function(){
    $(this).text('mofei提示:页面载入中...');
    window.location = $(this).attr('href');
    });
             OK!刷新见效果!
            不知道新手会不会觉得不够详细,高手又会不会觉的我很啰嗦!如果文中有用词不当,语言不通的地方,请大家多多包含并指出,及时纠正!
标签:
Category:柴米油盐

Comments | 17 条评论

  1. 发布于2010年12月15日 20:14 回复

    这段文字来自手机
    ,没有使用插件,直接访问!

  2. 发布于2010年12月15日 20:45 回复

    哈哈,看到效果了。

    • 发布于2010年12月15日 22:24 回复

      @木本无心
      @木本无心, 嗯,多亏了你的教程写的比较详细,不过我觉的我比你的更详细,更适合新手看。哈哈...悄悄的给你说声,我前面看你的教程没发现你用的是PJ,弄了几次没成功,在去看发现你不是WP?第一反应,我怎么是个...用的不是一个程序,还在这看这个教程,后来仔细一看发现你说都通用,还好还好...要不我就真SB 了我 :|

  3. 发布于2010年12月15日 21:18 回复

    整了很久,终于华丽丽的搬过去啦,欢迎过去参观

  4. 发布于2010年12月15日 22:16 回复

    前排支持 mofei :x 貌似mofei 域名后缀是德国的?

    • 发布于2010年12月15日 22:27 回复

      @小托
      @小托, 呵呵...非常感谢小托哦,这么支持我! :smile: 德国的!你好聪明!哈哈....做个互链吧

  5. 发布于2010年12月16日 00:03 回复

    :| :| :| :|
    多谢分享!

  6. 发布于2010年12月16日 09:31 回复

    对WP我还是不懂,支持一下吧 :|

    • 发布于2010年12月16日 12:15 回复

      @风中的峰
      @风中的峰, 我也不懂的,到处学习,瞎折腾,都说多多折腾就会慢慢的了解的么!一起加油吧,欢迎常来哦

  7. 发布于2010年12月20日 18:59 回复

    这个小猴子好可爱啊 哈哈··········

  8. 发布于2010年12月21日 21:29 回复

    效果弄得太多也不好

  9. 发布于2010年12月25日 19:31 回复

    :!: 这样的话,假如我摁住Ctrl单击标题想在新标签页打开,当前的首页也会加载的。

    • 发布于2010年12月26日 03:24 回复

      @WindSays
      @WindSays, 哈...你好厉害,那你有解决的办法没?我可是菜鸟一个!不过你那种打开新标签的方法还真是少用!呵呵

      • 发布于2010年12月26日 09:09 回复

        @mofei
        @mofei, 我一点都不厉害。我比你还新手啊!

  10. 发布于2011年2月4日 09:46 回复

    很详细,也不啰嗦 :idea: