半点优化网 http://www.bdxc.net/
当前位置首页 > 网站建设> 正文

如何用HTML设计网页导航栏?

2022-10-07 11:20:40 暂无评论 158 网站建设 何用   导航   网页

  可以用JS实现

<SCRIPT language=javascript1。2>

function showsubmenu(sid){

whichEl = eval('submenu' + sid);

if (whichEl。
  style。display == 'none'){

eval(submenu + sid + 。style。display='';);

}

else{

eval(submenu + sid + 。
  style。display='none';);

}

}

</SCRIPT>

display方法的值为none时,为不显示表格内容

showsubmenu(sid)中的sid为HTML代码中表格中td的id属性值

=====================代码实现过程================

<HTML><HEAD><TITLE>管理导航菜单</TITLE>

<SCRIPT language=javascript1。
  2>

function showsubmenu(sid){

whichEl = eval('submenu' + sid);

if (whichEl。style。display == 'none'){

eval(submenu + sid + 。
  style。display='';);

}

else{

eval(submenu + sid + 。style。
  display='none';);

}

}

</SCRIPT>

</HEAD>

<BODY>

<TABLE width=158 align=center>

<TBODY>

<TR>

<TD id=menuTitle1

style=CURSOR: hand

onclick=showsubmenu(1)

height=25 ;><span class=glow>导航一</span></TD>

</TR>

<TR>

<TD height=100% id=submenu1 style=DISPLAY: none>

<DIV style=WIDTH: 158px>

<TABLE cellSpacing=0 cellPadding=0 width=132 align=center>

<TBODY>

<TR>

<TD height=20>1</TD>

</TR>

<TR>

<TD height=20>2</TD>

</TR>

</TBODY></TABLE>

</DIV>

<DIV style=WIDTH: 158px>

<TABLE cellSpacing=0 cellPadding=0 width=130 align=center>

<TBODY>

<TR>

<TD height=20></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

<TABLE width=158 align=center>

<TBODY>

<TR>

<TD id=menuTitle3 style=CURSOR: hand

onclick=showsubmenu(3) height=25 ;>

<SPAN class=glow>导航二</SPAN></TD>

</TR>

<TR>

<TD id=submenu3 style=DISPLAY: none>

<DIV style=WIDTH: 158px>

<TABLE cellSpacing=0 cellPadding=0 width=132 align=center>

<TBODY>

<TR>

<TD height=20>3</TD>

</TR>

<TR>

<TD height=20>4</TD>

</TR>

</TBODY></TABLE>

</DIV>

<DIV style=WIDTH: 158px>

<TABLE cellSpacing=0 cellPadding=0 width=130 align=center>

<TBODY>

<TR>

<TD height=20></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

</BODY></HTML>。

随机文章


    Warning: require(): open_basedir restriction in effect. File(/www/wwwroot/bdxc.net/e/class/connect.php) is not within the allowed path(s): (/www/wwwroot/www.bdxc.net/:/tmp/) in /www/wwwroot/www.bdxc.net/1.php on line 4

    Warning: require(/www/wwwroot/bdxc.net/e/class/connect.php): failed to open stream: Operation not permitted in /www/wwwroot/www.bdxc.net/1.php on line 4

    Fatal error: require(): Failed opening required '/www/wwwroot/bdxc.net/e/class/connect.php' (include_path='.:/www/server/php/56/lib/php') in /www/wwwroot/www.bdxc.net/1.php on line 4