javascript實現(xiàn)表現(xiàn)、結(jié)構(gòu)、行為分離的選項卡效果！

更新時間：2007年05月07日 00:00:00 作者：

其特點是擴展方便，只要自己添加標題和內(nèi)容即可，自動初始化。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標題文檔</title>  <style type="text/css">  </style> </head> <body> <div   id="vvxyksv9kd"   class="tabs">     <h1 onmouseover="changTab(this)"> 選項卡[1] </h1>     <h1 onmousemove="changTab(this)"> 選項卡[2] </h1>     <h1 onmouseover="changTab(this)"> 選項卡[3] </h1>     <h1 onmousemove="changTab(this)"> 選項卡[4] </h1>     <div>1經(jīng)過前述的多個步驟，一個基本的CHM文件已制作完畢，在編譯前還可進行一些完善功能的設置，具體如下所述。</div>     <div>2門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)</div>     <div>3經(jīng)過前述的多個步驟，一個基本的CHM文件已制作完畢，在編譯前還可進行一些完善功能的設置，具體如下所述。</div>     <div>4門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)</div> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

javascript實現(xiàn)表現(xiàn)、結(jié)構(gòu)、行為分離的選項卡效果！

CSS TreeMenu 二級樹形菜單示例
二級樹形菜單示例：CSS TreeMenu ，非常漂亮的樹形菜單，用在網(wǎng)站右側(cè)比較合適。
2010-11-11
通用的二級菜單代碼(css+javascript)
前幾天做網(wǎng)站使用到二級菜單，想也沒想就在網(wǎng)上當了幾個，不過大多都不太滿意，只有《CSS二級菜單》看上去似乎好一點，就使用了那個。
2009-07-07
javascript實現(xiàn)的鼠標懸停時動態(tài)翻滾的導航條
鼠標懸停時動態(tài)翻滾的導航條，注意這里用了兩個背景圖，請等待網(wǎng)頁加載完成或多刷新幾次，這個是使用JavaScript實現(xiàn)的，不過代碼好像是從jQuery里摘出來的，有點像。
2009-11-11
騰訊QQ網(wǎng)頁在線客服，隨網(wǎng)頁滾動條上下移動的效果一
騰訊QQ網(wǎng)頁在線客服，隨網(wǎng)頁滾動條上下移動的效果一...
2007-03-03
搜集了幾個不錯的下拉菜單效果
搜集了幾個不錯的下拉菜單效果...
2007-05-05
DIV+CSS設計的橫向?qū)Ш讲藛?，可自己修改顏色?
2010-07-07