帮忙做个网站的导航条？
- 提问者网友：wodetian
- 2021-04-28 02:51
- 五星知识达人网友：北城痞子
- 2021-04-28 04:13
你直接去下个源文件来用用就好啊.......
- 1楼网友：三千妖杀
- 2021-04-28 06:19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <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>
- 2楼网友：你可爱的野爹
- 2021-04-28 05:17
建议可以用jquery的导航条
http://css-tricks.com/designing-the-digg-header-how-to-download/
这个的效果很强大