海量企業網站模板 · 任您選擇
美出特色，精出品質，一切為了企業更好的營銷
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>Javascript二級菜單效果 </TITLE>
<STYLE type="text/css">
body {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-size:12px;
text-align:center;
}
/*招聘公司頁面樣式*/
.div-link {
FONT-SIZE: 12px;
COLOR: #000000;
TEXT-DECORATION: none;
background-color:#dfdfdf;
border-left:1 #FFFFFF solid;
display:block;
height:22px;
line-height:22px;
text-align:center;
border-bottom:1 #FFFFFF solid;
}
.div-link:hover {
FONT-SIZE: 12px;
COLOR: #FFFFFF;
background-color:#cc0000;
width:93px;
height:22px;
line-height:22px;
text-align:center;
}
.company-hide{
text-align:center;
position:absolute;
display:none;
}
.company-hide ul {
margin: 0px;
padding: 0px;
list-style-type: none;
list-style-image:none;
}
/*網頁底部樣式*/
/*導航層樣式*/
.bottom-bg{
color:#ffffff;
padding-top:9px;
text-align:center;
background-image:url(images/bottom-bg.gif);
height:35px;
overflow:hidden;
width:730px;
margin:0px auto;
}
/*最底下方文本層樣式*/
.bottom{
color:#414141;
line-height:20px;
text-align:center;
width:1000px;
}
</STYLE>
<SCRIPT language="Javascript">
function show(d1){
document.getElementById(d1).style.display='block'; //顯示層
}
function hide(d1){
document.getElementById(d1).style.display='none'; //隱藏層
}
</SCRIPT>
<SCRIPT src="Scripts/AC_RunActiveContent.js" type="text/javascript"></SCRIPT>
</HEAD>
<BODY>
<DIV>
<!--頭部及菜單-->
<DIV><TABLE width="730" border="0" cellspacing="0" cellpadding="0" align="center">
<TR>
<TD bgColor="#e5e5e5" height="60"><DIV style="float:left; padding-left:10px;"><img src="images/zx-banner.gif">
</TD>
</TR>
<TR><TD height="1"></TD></TR>
<TR>
<TD><TABLE width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<TR><TD width="172" bgcolor="#dfdfdf" align="center" ><A href="#" style="font-size:12px; text-decoration:none">首 頁</A></TD>
<TD width="93"><A href="#" class="div-link" onMouseOver="show('s1')" onMouseOut="hide('s1')">關于中信</A></TD>
<TD width="93"><A href="#" class="div-link" onMouseOver="show('s2')" onMouseOut="hide('s2')">公司業務</A></TD>
<TD width="93"><A href="#" class="div-link" onMouseOver="show('s3')" onMouseOut="hide('s3')">公益事業</A></TD>
<TD width="93"><A href="#" class="div-link" onMouseOver="show('s4')" onMouseOut="hide('s4')">研究</A></TD>
<TD width="93"><A href="#" class="div-link" onMouseOver="show('s5')" onMouseOut="hide('s5')">推薦招聘</A></TD>
<TD width="93"><A href="#" class="div-link" onMouseOver="show('s6')" onMouseOut="hide('s6')">特色推薦</A></TD>
</TR>
<TR><TD></TD>
<TD>
<DIV class="company-hide" id="s1" onMouseOver="show('s1')" onMouseOut="hide('s1')">
<UL>
<LI>
<A href="#" class="div-link">公司簡介</A></LI>
<LI><A href="#" class="div-link">集團領導</A></LI>
<LI><A href="#" class="div-link">領導題詞</A></LI>
<LI> <A href="#" class="div-link">業務回顧</A></LI>
<LI><A href="#" class="div-link">公司歷史</A></LI>
<LI><A href="#" class="div-link">中信風格</A></LI>
<LI><A href="#" class="div-link">公司年報</A></LI>
<LI><A href="#" class="div-link">公司要聞</A>
</LI>
</UL>
</DIV>
</TD>
<TD>
<DIV class="company-hide" id="s2" onMouseOver="show('s2')" onMouseOut="hide('s2')">
<UL>
<LI><A href="#" class="div-link">金融</A></LI>
<LI><A href="#" class="div-link">金融</A></LI>
</UL>
</DIV>
</TD>
<TD>
<DIV class="company-hide" id="s3" onMouseOver="show('s3')" onMouseOut="hide('s3')">
<UL>
<LI><A href="#" class="div-link">扶</A></LI>
<LI><A href="#" class="div-link">綠</A></LI>
<LI><A href="#" class="div-link">援</A></LI>
</UL>
</DIV>
</TD>
<TD><DIV class="company-hide" id="s4" onMouseOver="show('s4')" onMouseOut="hide('s4')"></DIV></TD>
<TD><DIV class="company-hide" id="s5" onMouseOver="show('s5')" onMouseOut="hide('s5')"></DIV></TD>
<TD>
<DIV class="company-hide" id="s6" onMouseOver="show('s6')" onMouseOut="hide('s6')">
<UL>
<LI><A href="#" class="div-link">網</A></LI>
<LI><A href="#" class="div-link">出版</A></LI>
<LI><A href="#" class="div-link">服務</A></LI>
</UL>
</DIV>
</TD>
</TR></TABLE></TD>
</TR>
</TABLE>
</DIV>
</BODY>
</HTML></td>
</tr>
</table>
蘇公網安備32058302005702號