当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Javascript特效学习之选项卡卡定时自动切换代码教程

Javascript特效学习之选项卡卡定时自动切换代码教程

2018年10月10日  | 移动技术网IT编程  | 我要评论

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()

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网