布局很簡單。第乙個選項卡box，第二個選項卡box2，這體現了物件導向建構函式級原型最大的優點 ，復用！
<div
class
="box"
id="box"
>
<
input
type
="button"
value
="按鈕1"
class
="on"
/>
<
input
type
="button"
value
="按鈕2"
/>
<
input
type
="button"
value
="按鈕3"
/>
<
div
class
="show"
>11111
div>
<
div>22222
div>
<
div>33333
div>
div>
<
div
class
="box"
id="box2"
>
<
input
type
="button"
value
="按鈕1"
class
="on"
/>
<
input
type
="button"
value
="按鈕2"
/>
<
input
type
="button"
value
="按鈕3"
/>
<
div
class
="show"
>11111
div>
<
div>22222
div>
<
div>33333
div>
div>
樣式我就不上了
js**，不明白看可以看下注釋
//元素獲取
function tab(id)
//事件操作
tab.prototype.init=function ();
}//選項卡核心
function tab()
_this.abtn[_this.inow].classname='on';
_this.adiv[_this.inow].classname='show';
}};
最後就是呼叫了，也可以說例項化，不是例項化的話 ，是用不了的。
window.onload=function();
物件導向選項卡
html 11111 22222 33333 11111 22222 33333 css div1 div,div2 div active js var oparent document.getelementbyid div1 var ainput oparent.getelementsbytagn...
物件導向的選項卡
1 物件導向的選項卡在直接書寫上比較困難，咱們可以先用面向過程的方式寫乙個選項卡，然後按照 將變數變為屬性，將函式變為方法的方式，通過建構函式替換window.onload進而初始化程式。2.首先應該將其函式巢狀進行替換，使其不包含函式巢狀成分，然後看清楚this指向的值在對個別進行調整。lang ...
選項卡套選項卡
實現 項卡套小選項卡 項卡切換同時小選項卡也進行切換，且每次 項卡的切換是在小選項卡切換完後進行 大的外層的選項卡 大的選項卡內部有乙個小的選項卡 功能 自動切換 滑鼠經過切換 方案一 不可行 開兩個定時器，乙個控制外層選卡，乙個控制內層選卡。仔細分析發現，外層選項卡的切換是需要在內層選卡全部切換完...