表現、結構、行為分離的選項卡效果_javascript技巧

來源：懂視網責編：小采時間：2020-11-27 20:38:36

表現、結構、行為分離的選項卡效果_javascript技巧

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

推薦度：

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

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

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

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>www.gxlcms.com表現、結構、行為分離的選項卡效果 腳本之家</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經過前述的多個步驟，一個基本的CHM文件已制作完畢，在編譯前還可進行一些完善功能的設置，具體如下所述。 
 2門類武功展區門類武功展區門類武功展區門類武功展區門類武功展區門類武功展區門類武功展區 
 3經過前述的多個步驟，一個基本的CHM文件已制作完畢，在編譯前還可進行一些完善功能的設置，具體如下所述。 
 4門類武功展區門類武功展區門類武功展區門類武功展區門類武功展區門類武功展區門類武功展區 
 
</body> 
</html>

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

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

表現、結構、行為分離的選項卡效果_javascript技巧

推薦度：

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

標簽：技巧表現行為

熱門焦點

表現、結構、行為分離的選項卡效果_javascript技巧

表現、結構、行為分離的選項卡效果_javascript技巧

表現、結構、行為分離的選項卡效果_javascript技巧

最新推薦

猜你喜歡

熱門推薦