那个线是PS或者FW做出来的·
你发上去的导航是图片导航····切一个按钮响应前的图片跟鼠标响应后的图片就可以了···
然后再DW里面把图片行为设置下······
在table中的 cellpadding="1"设为1就可以了。
简单的导航条:
在<head></head>
中写:
<SCRIPT LANGUAGE="JavaScript">
<!--
function showImage(sh1)
{
document.getElementById(sh1).style.display='block';
}
function closeImage(sh2)
{
document.getElementById(sh2).style.display='none';
}
//-->
</SCRIPT>
<style type="text/css">
a{
text-decoration:none;
font-size:24px;
color:red;
background-color:#CCCC66;
border-bottom:1 #FFFFFF solid;
family
}
a:hover{
text-decoration:none;
font-size:24px;
color:blue;
background-color:gray;
border-bottom:1 #FFFFFF solid;
}
</style>
<body></body>中写:
<div>
<TABLE border="0" cellspacing="0" cellpadding="1">
<TR>
<TD><a href="#" onmousemove="showImage('g1')" onmouseout="closeImage('g1')">关于中兴</a></TD>
<TD><a href="#" onmousemove="showImage('g2')" onmouseout="closeImage('g2')">公司业务</a></TD>
<TD><a href="#" onmousemove="showImage('g3')" onmouseout="closeImage('g3')">公司事业</a></TD>
</TR>
<TR>
<TD align="absmiddle"><div id="g1" style="display:none;" onmousemove="showImage('g1')" onmouseout="closeImage('g1')"><a href="#">公司简介</a><br><a href="#">光荣榜</a></div></TD>
<TD align="absmiddle"><div id="g2" style="display:none;" onmousemove="showImage('g2')" onmouseout="closeImage('g2')"><a href="#">公司简介</a><br><a href="#">光荣榜</a></div></TD>
<TD align="absmiddle"><div id="g3" style="display:none;" onmousemove="showImage('g3')" onmouseout="closeImage('g3')"><a href="#">公司简介</a><br><a href="#">光荣榜</a></div></TD>
</TR>
</TABLE>
</div>
就可以做一个简单的导航条了,你也可以通过一些样式达到你的所要的效果。
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息