WordPress

为WordPress文章标题添加动态载入特效

想要实现文章标题平滑向右移特效的,可以查看这篇文章《为WordPress文章标题添加平滑右移特效》。

今天给大家分享下为文章标题添加动态载入效果。

首先,要让网页加载jQuery库文件,不过现在基本上没有什么站没用到jQuery了,所以第一步可以省略。

没有添加的,可以加入以下代码:

  1. <script src="http://jqueryjs.googlecode.com /files/jquery-1.2.3.min.js" type="text/javascript"></script>  

然后将下面这段代码粘贴到网站中加载的其中一个JS文件里。

  1. /*-------------------------------------------------*/    
  2. /*  为WordPress文章标题添加动态载入特效 
  3. /*-------------------------------------------------*/    
  4.     
  5. $(function() {     
  6.     $('.entry-title a').click(function(e) {     
  7.         e.preventDefault();     
  8.         var htm = 'Loading',     
  9.         i = 4,     
  10.         t = $(this).html(htm).unbind('click'); (function ct() {     
  11.             i &lt; 0 ? (i = 4, t.html(htm), ct()) : (t[0].innerHTML += '.',      
  12. i--, setTimeout(ct, 150))     
  13.         })();     
  14.         window.location = this.href     
  15.     })     
  16. });    

说明:

1、$('.entry-title a'):单引号内要改成你自己的标题或者其他链接的CSS样式名称,切记!

2、var htm = 'Loading',:单引号内可以改成你想设置的文字。

3、setTimeout(ct, 150)) :150是动态的时间,按需修改。

(0)

本文由 优次元 作者:MiChen 发表,转载请注明来源!

热评文章

评论:

1 条评论,访客:1 条,博主:0 条
  1. 刚哥笔记
    刚哥笔记发布于: 

    看到有人标题划过下划线弹出的特效,不知道怎么实现。

发表评论

电子邮件地址不会被公开。 必填项已用*标注


*