今天做一个网站,网站有3个领导需要放到首页,但是空白区域只能放2个,所以需要切换一下,jquery不是很熟悉,所以做的比较简单了就用了setInterval和after;
html页面基本格式
<ul id="xzleader">
<li></li>
<li></li>
<li></li>
</ul>
jquery
var leaderTimer;
$("#xzleader").mouseenter(function(){
clearInterval(leaderTimer);
});
$("#xzleader").mouseleave(function(){
autoScloorLeader();
});
autoScloorLeader();
function autoScloorLeader() {
leaderTimer = setInterval(function() {
scloorLeader();
},3000);
}
function scloorLeader()
{
var currentLeader = $("#xzleader li:first");
$("#xzleader li:last").after(currentLeader);
}
就是将第一个在一定时间后插入到最后;
after() 方法在被选元素后插入指定的内容