简要分析javascript的选项卡和轮播图

1、按钮和展示的页面要对应：分别遍历，记住当前按钮的索引，让其成为展示页面的索引

2、只出现所对应的页面：所有的页面隐藏，只展示想要的页面

只展示js代码

for(var i=0;i<input.length;i++){ input[i].index=i //让浏览器解析HTML文档时,保存每一个input的索引 input[i].onclick=function(){ for(var j=0;j<div.length;j++){ //所有的div为隐藏 div[j].style.display='none' input[j].className='' } div[this.index].style.display='block' //只展示对应的页面 this.className='active' } }