巧用陣列實現多個內容切換

先看下我開始寫的**吧：

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>切換紅綠藍
title
>
6<
style
>
7#div
12style
>
13head
>
14<
body
>
15<
div 
id="div"
>
div>
16<
script 
src="main.js"
>
script
>
17body
>
18html
>

1/**

2* created by administrator on 2016/8/8.3*/
4 (function
() 13
function
clicktoswitchcolor()  else
if (i % 2 == 0)  else
24         i++;25}
2627     div.addeventlistener("click", clicktoswitchcolor);
2829
})30 ();

看下優化的**吧

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>d
title
>
6<
style
>
7#div
12style
>
13head
>
14<
body
>
15<
div 
id="div"
>
div>
16<
script 
src="main01.js"
>
script
>
17body
>
18html
>

1/**

2* created by administrator on 2016/8/8.3*/
4 (function
() 13         div.style.backgroundcolor=colors[index];
14});
15 })();

應用這個原理也可以實現切換，無非在陣列裡面放上路徑而已。

看下**吧

C 實現多個子窗體切換

1.設定mdi主選單的mdiwindowlistitem 顯示子視窗的選單tsmiwindow,這樣開啟的子窗體標題將自動顯示在window選單下 private void tsmiwindownext click object sender,eventargs e else private voi...

使用附加導航 affix 實現內容切換

doctype html html head title new document title meta charset utf 8 style a ul affix affix active a container container box container box.active style ...

乙個頁面實現多個選項卡切換

簡潔tab title style type text css style script script head body div class menubox ul li id one1 onclick settab one 1,5 手機充值 li li id one2 onclick settab...