看到别人的博客里点击文章标题会有“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!刷新见效果!
不知道新手会不会觉得不够详细,高手又会不会觉的我很啰嗦!如果文中有用词不当,语言不通的地方,请大家多多包含并指出,及时纠正!
这段文字来自手机
,没有使用插件,直接访问!
哈哈,看到效果了。
@木本无心![:|](https://mofei.de/wp-content/themes/mofei%203.0.1/images/smilies/icon_neutral.gif)
@木本无心, 嗯,多亏了你的教程写的比较详细,不过我觉的我比你的更详细,更适合新手看。哈哈...悄悄的给你说声,我前面看你的教程没发现你用的是PJ,弄了几次没成功,在去看发现你不是WP?第一反应,我怎么是个...用的不是一个程序,还在这看这个教程,后来仔细一看发现你说都通用,还好还好...要不我就真SB 了我
整了很久,终于华丽丽的搬过去啦,欢迎过去参观
前排支持 mofei
貌似mofei 域名后缀是德国的?
@小托
德国的!你好聪明!哈哈....做个互链吧
@小托, 呵呵...非常感谢小托哦,这么支持我!
多谢分享!
@malgb![:|](https://mofei.de/wp-content/themes/mofei%203.0.1/images/smilies/icon_neutral.gif)
@malgb, 欢迎再次光临
对WP我还是不懂,支持一下吧![:|](https://mofei.de/wp-content/themes/mofei%203.0.1/images/smilies/icon_neutral.gif)
@风中的峰
@风中的峰, 我也不懂的,到处学习,瞎折腾,都说多多折腾就会慢慢的了解的么!一起加油吧,欢迎常来哦
这个小猴子好可爱啊 哈哈··········
效果弄得太多也不好
@睿智小超人
@睿智小超人, 呵呵...还好吧,我的效果还不算很多吧!
@WindSays
@WindSays, 哈...你好厉害,那你有解决的办法没?我可是菜鸟一个!不过你那种打开新标签的方法还真是少用!呵呵
@mofei
@mofei, 我一点都不厉害。我比你还新手啊!
很详细,也不啰嗦![:idea:](https://mofei.de/wp-content/themes/mofei%203.0.1/images/smilies/icon_idea.gif)