导航栏代码

急求导航栏代码,谢谢.最好是购物的那种.... 急求导航栏代码,谢谢.最好是购物的那种. 展开

 我来答

1个回答

#热议# 为什么说不要把裤子提到肚脐眼？

台凌青8R
推荐于2016-09-25 · TA获得超过425个赞

知道小有建树答主

回答量：266

采纳率：0%

帮助的人：120万

我也去答题访问个人页

关注

展开全部

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>横向菜单</TITLE>
<STYLE type="text/css">
td {
 FONT-SIZE: 13px; COLOR: #000000; LINE-HEIGHT: 22px;
}
div{/*设置层背景样式*/
background-color:#669933;
text-align:center;position:absolute;z-index:2;display:none; }
A {FONT-SIZE: 13px; COLOR: #000000; TEXT-DECORATION: none;
/*文字链接的背影样式*/
background-color:#dfdfdf;
width:100px;line-height:22px;text-align:center;border-bottom:1 #FFFFFF solid;}
A:hover {FONT-SIZE: 13px; COLOR: #FFFFFF;
/*鼠标在文字链接上时的文字背景样式*/
background-color:#cc0000;
width:100px;line-height:22px;text-align:center;}

</STYLE>
<SCRIPT language="JavaScript">
function show(d1){
document.getElementById(d1).style.display='block';  //显示层
}

function hide(d1){
document.getElementById(d1).style.display='none';  //隐藏层
}
</SCRIPT>
</HEAD>

<BODY><TABLE width="610" border="0" cellspacing="0" cellpadding="0" align="center">
<TR>
    <TD><A href="#" onMouseMove="show('s1')" onMouseOut="hide('s1')">标题1</A></TD>
    <TD><A href="#" onMouseMove="show('s2')" onMouseOut="hide('s2')">标题2</A></TD>
    <TD><A href="#" onMouseMove="show('s3')" onMouseOut="hide('s3')">标题3</A></TD>
    <TD><A href="#" onMouseMove="show('s4')" onMouseOut="hide('s4')">标题4</A></TD>
    <TD><A href="#" onMouseMove="show('s5')" onMouseOut="hide('s5')">标题5</A></TD>
    <TD><A href="#" onMouseMove="show('s6')" onMouseOut="hide('s6')">标题6</A></TD>
 </TR>
  <TR>
    <TD><DIV id="s1" onMouseMove="show('s1')" onMouseOut="hide('s1')"><A href="#">链接1</A><BR>
 <A href="#">链接2</A><BR>
 <A href="#">链接3</A><BR>
 <A href="#">链接4</A><BR>
 <A href="#">链接5</A><BR>
 <A href="#">链接6</A><BR>
 <A href="#">链接7</A><BR>
 <A href="#">链接8</A></DIV>
 </TD>
    <TD><DIV  id="s2"    onMouseMove="show('s2')" onMouseOut="hide('s2')"><A href="#">链接1</A><BR>
 <A href="#">链接2</A></DIV></TD>
    <TD><DIV  id="s3"    onMouseMove="show('s3')" onMouseOut="hide('s3')"><A href="#">链接1</A><BR>
 <A href="#">链接2</A><BR>
 <A href="#">链接3</A></DIV></TD>
  <TD><DIV  id="s4" onMouseMove="show('s4')" onMouseOut="hide('s4')"></DIV></TD>
    <TD><DIV  id="s5"    onMouseMove="show('s5')" onMouseOut="hide('s5')"></DIV></TD>
    <TD><DIV  id="s6"    onMouseMove="show('s6')" onMouseOut="hide('s6')"><A href="#">链接1</A><BR><A href="#">链接2</A><BR><A href="#">链接3</A></DIV></TD>
  </TR></TABLE>
</BODY>
</HTML>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

1条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

导航栏代码

其他类似问题

为你推荐：