您所在的位置:小祥子 » 编程 » JavaScript » 正文

Jquery让文章标题链接添加动态载入效果

时间:2015-01-31 编辑:佚名 来源:互联网

首先加载Jquery库

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

第二步就是将下面这个代码粘贴到网站中加载的其中一个JS文件里,刷新一下,效果就出来了。

/*-------------------------------------------------*/ 
/*  为文章标题链接添加动态载入效果
/*-------------------------------------------------*/ 

$(function() {  
    $('.entry-title a').click(function(e) {  
        e.preventDefault();  
        var htm = 'Loading',  
        i = 4,  
        t = $(this).html(htm).unbind('click'); (function ct() {  
            i < 0 ? (i = 4, t.html(htm), ct()) : (t[0].innerHTML += '.',   
i--, setTimeout(ct, 150))  
        })();  
        window.location = this.href  
    })  
});

代码说明:

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

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

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

4、当然,高手可以根据这个来修改更多的样式。

关键词:Jquery 动态 载入 效果