Javascript特效之选项卡定时自动切换
我们经常看到一些广告是tab页形式的,而且会自动切换,今天我们来看看是怎么实现的。
效果图:
每过一秒会自动切换一个tab页。
实现思路:写一个定时器每一秒执行一次,并判断当前tab页的下标来显示对应的tab页。对其他tab则设置display:none。
js代码:
function sh(){
s=(s>=5)?1:s+1
for (var i=1;i<=5;i++){
document.getElementById("yp_card"+i).style.display = "none";
}
document.getElementById("yp_card"+s).style.display = "block"
timer=setTimeout("sh()",t)
}
sh()