物件導向選項卡

html

11111

22222
33333
11111
22222
33333

css

#div1 div,

#div2 div
.active

js

//var oparent=document.getelementbyid('div1');

//var ainput=oparent.getelementsbytagname('input');
//var adiv=oparent.getelementsbytagname('div');
//init();
//function init()
//}//function change()
//	this.classname='active';
//	adiv[this.index].style.display='block';
//}//過程改為物件導向
//函式就是方法
//onload中建立物件
//全域性變數就是屬性
//類似於class類例如student指學生
function tab(uid)
tab.prototype.demo=function();	}}
tab.prototype.change=function(that)
that.classname='active';
this.adiv[that.index].style.display='block';
}//自動切換
tab.prototype.autoplay=function() else
for (var i=0;ithis.ainput[this.inow].classname='active';
this.adiv[this.inow].style.display='block';
},2000)
}//建立單例 如具體學生某某
var tab=new tab('div1');
var tab1=new tab('div2');
tab.demo();
tab1.demo();
tab1.autoplay();

物件導向選項卡

布局很簡單。第乙個選項卡box，第二個選項卡box2，這體現了物件導向建構函式級原型最大的優點 復用！div class box id box input type button value 按鈕1 class on input type button value 按鈕2 input type bu...

物件導向的選項卡

1 物件導向的選項卡在直接書寫上比較困難，咱們可以先用面向過程的方式寫乙個選項卡，然後按照 將變數變為屬性，將函式變為方法的方式，通過建構函式替換window.onload進而初始化程式。2.首先應該將其函式巢狀進行替換，使其不包含函式巢狀成分，然後看清楚this指向的值在對個別進行調整。lang ...

選項卡套選項卡

實現 項卡套小選項卡 項卡切換同時小選項卡也進行切換，且每次 項卡的切換是在小選項卡切換完後進行 大的外層的選項卡 大的選項卡內部有乙個小的選項卡 功能 自動切換 滑鼠經過切換 方案一 不可行 開兩個定時器，乙個控制外層選卡，乙個控制內層選卡。仔細分析發現，外層選項卡的切換是需要在內層選卡全部切換完...