一个JS的导航,帮帮忙,想做成tom网的那种。。。。这段代码很珍贵!!!!
一个JS的导航,帮帮忙,想做成tom网的那种。。。。
http://www.tom.com/ 中的TOM搜索那个部分!!!!
这段代码很珍贵!!!!
急。。。
<STYLE type=text/css>.sec1 {
CURSOR: hand; COLOR: #93D7F4; BACKGROUND-COLOR: #FA7A5A
}
.sec2 {
FONT-WEIGHT: bold; CURSOR: hand; COLOR: #ff0000; BACKGROUND-COLOR: #A2C0DD
}
.main_tab {
COLOR: #ff0000; BACKGROUND-COLOR: #A2C0DD
}
</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 width=760 height="18" border=0 align="center" cellPadding=0 cellSpacing=0 id=secTable>
<TBODY>
<TR align=center valign="bottom">
<TD width="11%" nowrap class=sec2 onclick=secBoard(0)>首页</TD>
<TD width="11%" nowrap class=sec1 onclick=secBoard(1)>课程介绍</TD>
<TD width="11%" nowrap class=sec1 onclick=secBoard(2)>课程教学</TD>
<TD width="11%" nowrap class=sec1 onclick=secBoard(3)>实践教学</TD>
<TD width="11%" nowrap class=sec1 onclick=secBoard(4)>考核办法</TD>
<TD width="11%" nowrap class=sec1 onclick=secBoard(5)>教师介绍</TD>
<TD width="11%" nowrap class=sec1 onclick=secBoard(6)>参考文献</TD>
<TD width="11%" nowrap class=sec1 onclick=secBoard(7)>网络课程</TD>
<TD width="11%" nowrap class=sec1 onclick=secBoard(8)>教学资源</TD>
</TR>
</TBODY>
</TABLE>
<TABLE
width=760 border=0 align="center" cellPadding=0 cellSpacing=0 class=main_tab id=mainTable>
<!--关于TBODY标记-->
<TBODY style="DISPLAY: block">
<TR>
<TD vAlign=top align=center>
<TABLE width=99% height="23" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD align="center" nowrap>欢迎访问中国地质大学·构造地质学精品课程网,现在全面测试阶段,发现问题请联系<a href="mailto:benjamin.@sina.com.cn">我们</a>。</TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
<!--关于cells集合-->
<TBODY style="DISPLAY: none">
<TR>
<TD vAlign=top align=center>
<TABLE width=99% height="23" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD align="center" nowrap>构造地质学简介</TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
<!--关于tBodies集合-->
<TBODY style="DISPLAY: none">
<TR>
<TD vAlign=top align=center>
<TABLE width=99% height="23" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD align="center" nowrap>指定教材|教学大纲|授课教案|授课实况</TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
<!--关于display属性-->
<TBODY style="DISPLAY: none">
<TR>
<TD align=center vAlign=top>
<TABLE width=99% height="23" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD align="center" nowrap>课堂实习|模拟实验|构 造 园|野外实习</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
<!--关于display属性-->
<TBODY style="DISPLAY: none">
<TR>
<TD align=center vAlign=top>
<TABLE width=99% height="23" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD align="center" nowrap>考核办法</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
<!--关于display属性-->
<TBODY style="DISPLAY: none">
<TR>
<TD align=center vAlign=top>
<TABLE width=99% height="23" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD align="center" nowrap>教师介绍</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
<!--关于display属性-->
<TBODY style="DISPLAY: none">
<TR>
<TD align=center vAlign=top>
<TABLE width=99% height="23" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD align="center" nowrap>文献列表|下载阅读</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
<!--关于display属性-->
<TBODY style="DISPLAY: none">
<TR>
<TD align=center vAlign=top>
<TABLE width=99% height="23" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD align="center" nowrap>绪言|第一章|第二章|第三章|第四章|第五章|第六章|第七章|第八章|第九章|第十章|第十一章|第十二章|第十三章|第十四章|附件</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
<!--关于display属性-->
<TBODY style="DISPLAY: none">
<TR>
<TD align=center vAlign=top>
<TABLE width=99% height="23" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD align="center" nowrap>构造图库|构造照片|动 画 库|习 题 库</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>