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

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 20:38:36

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

表現(xiàn)、結(jié)構(gòu)、行為分離的選項卡效果_javascript技巧:從大學(xué)開始就一直對ＪＳ很感興趣，可是卻很少實際操作，今天練練，試寫一個tab，調(diào)試過程中才發(fā)現(xiàn)光看不練問題不少！其特點是擴展方便，只要自己添加標(biāo)題和內(nèi)容即可，自動初始化。 www.gxlcms.com表現(xiàn)、結(jié)構(gòu)、行為分離的選項卡效果腳本之家 win

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀表現(xiàn)、結(jié)構(gòu)、行為分離的選項卡效果_javascript技巧:從大學(xué)開始就一直對ＪＳ很感興趣，可是卻很少實際操作，今天練練，試寫一個tab，調(diào)試過程中才發(fā)現(xiàn)光看不練問題不少！其特點是擴展方便，只要自己添加標(biāo)題和內(nèi)容即可，自動初始化。 www.gxlcms.com表現(xiàn)、結(jié)構(gòu)、行為分離的選項卡效果腳本之家 win

從大學(xué)開始就一直對ＪＳ很感興趣，可是卻很少實際操作，今天練練，試寫一個tab，調(diào)試過程中才發(fā)現(xiàn)光看不練問題不少！
其特點是擴展方便，只要自己添加標(biāo)題和內(nèi)容即可，自動初始化。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>www.gxlcms.com表現(xiàn)、結(jié)構(gòu)、行為分離的選項卡效果 腳本之家</title> 
<script language="javascript"> 
 window.onload=resetTab; 
 function getTabTitle(tab) { 
 var childNodesList=tab.childNodes; 
 var titleNodes=new Array(); 
 var j=0; 
 var i; 
 for (i=0;i<childNodesList.length;i++) { 
 if(childNodesList[i].nodeName=="H1") { 
 titleNodes[j]=childNodesList[i]; 
 j++; 
 } 
 } 
 return titleNodes; 
 } 
 function getTabContent(tab) { 
 var childNodesList=tab.childNodes; 
 var tabContent=new Array(); 
 var j=0; 
 var i; 
 for (i=0;i<childNodesList.length;i++) { 
 if(childNodesList[i].nodeName=="DIV") { 
 tabContent[j]=childNodesList[i]; 
 j++; 
 } 
 } 
 return tabContent; 
 } 
 function resetTab() { 
 var allDiv=document.getElementsByTagName("div"); 
 var tab=new Array(); 
 var j=0; 
 var i; 
 for (i=0;i 
<style type="text/css"> 
 
</style> 
</head> 
<body> 
 
 <h1 onmouseover="changTab(this)"> 選項卡[1] </h2> 
 <h1 onmousemove="changTab(this)"> 選項卡[2] </h2> 
 <h1 onmouseover="changTab(this)"> 選項卡[3] </h2> 
 <h1 onmousemove="changTab(this)"> 選項卡[4] </h2> 
 1經(jīng)過前述的多個步驟，一個基本的CHM文件已制作完畢，在編譯前還可進行一些完善功能的設(shè)置，具體如下所述。 
 2門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū) 
 3經(jīng)過前述的多個步驟，一個基本的CHM文件已制作完畢，在編譯前還可進行一些完善功能的設(shè)置，具體如下所述。 
 4門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū)門類武功展區(qū) 
 
</body> 
</html>

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

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com