如果要實(shí)現(xiàn)選項(xiàng)卡自動(dòng)切換呢，應(yīng)該添加什么代碼？
是否可以設(shè)置間隔時(shí)間，如3秒，選項(xiàng)卡自動(dòng)切換。
函數(shù)應(yīng)該如何改動(dòng)？
qq_無邊_03555125
2016-07-12
1 回答
舉報(bào)
0/150
提交
取消
2016-07-12
function f1(){
??????? //只是為了改變點(diǎn)擊后的樣式，重復(fù)代碼很多，造成重復(fù)勞動(dòng)，后期可調(diào)整成循環(huán)
??????? document.getElementById("first").style.display="block";
??????? document.getElementById("second").style.display="none";
??????? document.getElementById("third").style.display="none";
??????? document.getElementById("tag1").style.borderTopColor="red";
??????? document.getElementById("tag1").style.borderTopWidth="2px";
??????? document.getElementById("tag1").style.borderBottomWidth="2px";
??????? document.getElementById("tag2").style.borderTopColor="blue";
??????? document.getElementById("tag2").style.borderTopWidth="1px";
??????? document.getElementById("tag2").style.borderBottomWidth="1px";
??????? document.getElementById("tag3").style.borderTopColor="blue";
??????? document.getElementById("tag3").style.borderTopWidth="1px";
??????? document.getElementById("tag3").style.borderBottomWidth="1px";
??? }
??? function f2(){
??????? document.getElementById("first").style.display="none";
??????? document.getElementById("second").style.display="block";
??????? document.getElementById("third").style.display="none";
??????? document.getElementById("tag1").style.borderTopColor="blue";
??????? document.getElementById("tag1").style.borderTopWidth="1px";
??????? document.getElementById("tag1").style.borderBottomWidth="1px";
??????? document.getElementById("tag2").style.borderTopColor="red";
??????? document.getElementById("tag2").style.borderTopWidth="2px";
??????? document.getElementById("tag2").style.borderBottomWidth="2px";
??????? document.getElementById("tag3").style.borderTopColor="blue";
??????? document.getElementById("tag3").style.borderTopWidth="1px";
??????? document.getElementById("tag3").style.borderBottomWidth="1px";
??? }
??? function f3(){
??????? document.getElementById("first").style.display="none";
??????? document.getElementById("second").style.display="none";
??????? document.getElementById("third").style.display="block";
??????? document.getElementById("tag1").style.borderTopColor="blue";
??????? document.getElementById("tag1").style.borderTopWidth="1px";
??????? document.getElementById("tag1").style.borderBottomWidth="1px";
??????? document.getElementById("tag2").style.borderTopColor="blue";
??????? document.getElementById("tag2").style.borderTopWidth="1px";
??????? document.getElementById("tag2").style.borderBottomWidth="1px";
??????? document.getElementById("tag3").style.borderTopColor="red";
??????? document.getElementById("tag3").style.borderTopWidth="2px";
??????? document.getElementById("tag3").style.borderBottomWidth="2px";
??? }
這個(gè)比較通俗，你可以換成循環(huán)，代碼就比較簡單