如果要實現選項卡自動切換呢，應該添加什么代碼？
是否可以設置間隔時間，如3秒，選項卡自動切換。
函數應該如何改動？
qq_無邊_03555125
2016-07-12
1 回答
舉報
0/150
提交
取消
2016-07-12
function f1(){
??????? //只是為了改變點擊后的樣式，重復代碼很多，造成重復勞動，后期可調整成循環
??????? 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";
??? }
這個比較通俗，你可以換成循環，代碼就比較簡單