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

2010-12-15 17:47:38

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

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

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

<script type=”text/javascript”
src=”http://ajax.googleapis.com/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:wordpress

17条留言 发表在 “首页点击文章标题时的提示效果”

  1. 2010 年 12 月 16 日 09:31

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

    • 2010 年 12 月 16 日 12:15

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

  2. 2010 年 12 月 20 日 18:59

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

  3. 2010 年 12 月 21 日 21:29

    效果弄得太多也不好

    • 2010 年 12 月 21 日 22:38

      @睿智小超人, 呵呵…还好吧,我的效果还不算很多吧!

  4. 2010 年 12 月 25 日 19:31

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

    • 2010 年 12 月 26 日 03:24

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

      • 2010 年 12 月 26 日 09:09

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

  5. 2011 年 02 月 04 日 09:46

    很详细,也不啰嗦 :idea: