?<script type="text/javascript">

? ? ? ? ?

? ? // JS實現(xiàn)選項卡切換

? ? ?window.onload=function(){

? ? ? ? var li = document.getElementsByTagName("li");

? ? ? ? var div = document.getElementsByTagName("div");//oTabs.get...是為了定義className作用對象為id為tabs下的所有文本div

? ? ? ??

? ? ? ? for(var i=0;i<li.length;i++){//獲取所有i編號的元素

? ? ? ? ? ? li[i].index = i; ?//定義一個index屬性對li進行編號

? ? ? ? ? ? li[i].onclick = function(){//再注冊一個點擊事件，當點擊的時候所有標簽都恢復最初狀態(tài)

? ? ? ? ? ? for(var n=0;n<li.length;n++){//這步是相對于未被點擊部分的樣式

? ? ? ? ? ? ? ? li[n].className = "";

? ? ? ? ? ? ? ? div[n].className = "hidden";

? ? ? ? ? ? }

? ? ? ? ? ? this.className = "ss";//再對點擊事件添加相應的屬性

? ? ? ? ? ? div[this.index].className = "";//通過之前的index編號綁定的指定div

? ? ? ? ? ? }

? ? ? ? }

? ? }

? ??

? ? </script>