java实现选项卡定时轮播_JS：轮播选项卡

选项卡作为最基础的网页组成部分，已经难以用简单的CSS样式写出相应效果。这时就需要JS(JavaScript)来达到我们想要的效果。

先如图写一个简单的布局吧：

轮播的图片选项卡

<

>

• 
• 
• 
• 
• 

其中，

两个a标签通过绝对定位到div的两侧，起到翻到上一页或下一页的功能；

ul中采用5个li并为每一个li中准备好图片或者别的内容；

ol中5个li设计成5个小圆点则充当索引的功能，并添加active的class赋予被选中后变为橙色的被选中样式。

接下来就是JS代码：

window.οnlοad=function(){

var oBox=document.getElementById('box');

var oUl=document.getElementById('ul