·暖陽··天極設(shè)計(jì)在線QQ的組切換效果相信大家都很熟悉，現(xiàn)在我們?cè)诰W(wǎng)頁中用Javascript模擬制作一個(gè)這樣的切換效果，用它作為頁面導(dǎo)航菜單可是個(gè)不錯(cuò)的主意哦！ 以下是效果演示，其中菜單的組數(shù)和內(nèi)容可以任意定義。
代碼及其解釋: 先創(chuàng)建一個(gè)CSS樣式表，置于模塊中，分別定義導(dǎo)航菜單的標(biāo)題和內(nèi)容的樣式：
.titleStyle{
background-color:#008800;color:#ffffff;
border-top:1px solid #FFFFFF;font-size:9pt;cursor:hand;
}
.contentStyle{
background-color:#eeffee;color:blue;font-size:9pt;
}
然后在模塊中加入以下Javascript代碼：
(該腳本在windows 00、windows XP及各自帶的IE下測(cè)試通過)
上一篇：
奇妙的Javascript圖片放大鏡