点击文章标题链接会提示正在加载中...看上去很好玩是不是。具体效果可以点击我博客日志标题链接。下面就教大家把这个特效加到你的主题模板中。
这个特效同样离不开JQuery。
首先引入jQuery,如果引过了,这步就免了;
其次直接在head标签前加上js代码:
<script type="text/javascript"> $(document).ready(function() { $('h2 a').click(function(){ myloadoriginal = this.text; $(this).text('正在给力加载中 ...'); var myload = this; setTimeout(function() { $(myload).text(myloadoriginal); }, 2011); }); }); </script>
其中"h2 a"是主题文章标题的标签选择器,可根据具体主题模板进行修改,如果改为:“a”,可实现全部链接都添加这一特效。后面的数字2011是这一特效的显示时间(毫秒),可酌情修改。
上面的JS代码,有童鞋提出在Opera浏览器下有BUG,那就换成:
//加载中提示 $(document).ready(function(){ $('h3 a,.tab ul li ul a,.cat_post a,.r_comments a').click(function(){ $(this).text('正在给力加载中...'); window.location = $(this).attr('href'); }); });
发现添加特效后,会影响一些多标签浏览器,在新标签中打开链接,当前标签会同时跳转到链接页面。
转自http://zmingcx.com/add-the-link-for-the-title-of-the-article-prompted-loading.html
声明:本文采用 BY-NC-SA 协议进行授权,如无注明均为原创,转载请注明转自 你好!刘
本文地址:为文章标题链接添加正在加载中提示
本文地址:为文章标题链接添加正在加载中提示
发表评论