?? 觸發式 菜單代碼特效 .txt
字號:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>網頁特效代碼---經典實用的觸發型導航菜單</title>
</head>
<body>
<STYLE type=text/css>.sec1 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP:
#ffffff 1px solid; BORDER-LEFT: #ffffff 1px
solid; CURSOR: hand; COLOR: #000000; BORDER-
BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR:
#eeeeee
}
.sec2 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP:
#ffffff 1px solid; FONT-WEIGHT: bold; BORDER-
LEFT: #ffffff 1px solid; CURSOR: hand; COLOR:
#000000; BACKGROUND-COLOR: #d4d0c8
}
.main_tab {
BORDER-RIGHT: gray 1px solid; BORDER-
LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-
BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8
}
</STYLE>
<!--JavaScript部分-->
<SCRIPT language=javascript>
function secBoard(n)
{
for(i=0;i<secTable.cells.length;i++)
secTable.cells
[i].className="sec1";
secTable.cells[n].className="sec2";
for(i=0;i<mainTable.tBodies.length;i++)
mainTable.tBodies
[i].style.display="none";
mainTable.tBodies
[n].style.display="block";
}
</SCRIPT>
<!--HTML部分-->
<TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0>
<TBODY>
<TR align=middle height=20>
<TD class=sec2 onclick=secBoard(0) width="10%">關于TBODY標記</TD>
<TD class=sec1 onclick=secBoard(1) width="10%">關于cells集合</TD>
<TD class=sec1 onclick=secBoard(2) width="10%">關于tBodies集合</TD>
<TD class=sec1 onclick=secBoard(3) width="10%">關于display屬性</TD></TR></TBODY></TABLE>
<TABLE class=main_tab id=mainTable height=240 cellSpacing=0 cellPadding=0 width=549 border=0><!--關于TBODY標記-->
<TBODY style="DISPLAY: block">
<TR>
<TD vAlign=top align=middle><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>指定行做為表體。
<BR>注釋：TBODY要素是塊要素，并且需要結束標
簽。<BR> 即使如果表格沒有顯式定義TBODY
要素，該要素也提供給所有表。<BR><BR>
參考：《動態HTML參考和開發應用大全》（人民郵電出
版社
Microsoft Corporation著
北京華中興業科技發展有限公司
譯）
<BR><BR></TD></TR></TB
ODY></TABLE></TD></TR></T
BODY><!--關于cells集合-->
<TBODY style="DISPLAY:
none">
<TR>
<TD vAlign=top
align=middle><BR><BR>
<TABLE cellSpacing=0
cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>檢索表行或者整個
表中所有單元格的集合。<BR>應用于TR、TABLE。
<BR><BR>參考：《動態HTML參考和開發應
用大全》（人民郵電出版社
Microsoft Corporation著
北京華中興業科技發展有限公司
譯）
<BR><BR></TD></TR></TB
ODY></TABLE></TD></TR></T
BODY><!--關于tBodies集合-->
<TBODY style="DISPLAY:
none">
<TR>
<TD vAlign=top
align=middle><BR><BR>
<TABLE cellSpacing=0
cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>檢索表中所有TBODY
對象的集合。對象在該集合中按照HTML源順序排列。
<BR>應用于TABLE。<BR><BR>參考：
《動態HTML參考和開發應用大全》（人民郵電出版社
Microsoft Corporation著
北京華中興業科技發展有限公司
譯）
<BR><BR></TD></TR></TB
ODY></TABLE></TD></TR></T
BODY><!--關于display屬性-->
<TBODY style="DISPLAY:
none">
<TR>
<TD vAlign=top
align=middle><BR><BR>
<TABLE cellSpacing=0
cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>設置或者檢索對象
是否被提供。<BR>可能的值為block、none、
inline、list-item、table-header-group、table-
footer-group。<BR>該特性可讀寫，塊要素默認
值為block，內聯要素默認值為inline；層疊樣式表
（CSS）屬性不可繼承。<BR><BR>參考：《
動態HTML參考和開發應用大全》（人民郵電出版社
Microsoft Corporation著
北京華中興業科技發展有限公司譯）
<BR><BR><A
href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp?frame=true" target=_blank>點擊此處
</A>可參閱微軟<A href="http://msdn.microsoft.com/" target=_blank>MSDN在線</A>上的解釋。
</TD></TR></TBODY></TABLE>
;</TD></TR></TBODY></TABLE&g
t;</body>
</html>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -