r>
</table>
</body>
</html>
列表 14. 简单下拉菜单
带有级联子菜单的下拉菜单的完整 HTML
带有级联子菜单的下拉菜单的代码如列表 15 所示。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<LINK REL="StyleSheet" HREF="menu.css">
<script language="javascript" src="menu.js"></script>
</head>
<body>
<h1 align="center">Main Heading</h1>
<!-- MAIN MENU START -->
<table class="navbar" width="800">
<tr>
<td class="menuNormal" width="160" onmouseover="expand(this);" onmouseout="collapse(this);">
<p>Menu 1</p>
<div class="menuNormal" width="155">
<table class="menu" width="155">
<tr>
<!-- SUBMENU 1 START -->
<td class="menuNormal" width="154" onmouseover="expand(this);" onmouseout
="collapse(this);">Item 1 ...
<div class="menuNormal" width="150">
<table class="menu" width="150">
<tr><td class="menuNormal"><a HREF="page.asp" class="menuitem">
Subitem 1</a></td></tr>
<tr><td class="menuNormal"><a HREF="page.asp" class="menuitem">
Subitem 2</a></td></tr>
<tr>
<!-- SUB SUBMENU START -->
<td class="menuNormal" width="154" onmouseover="expand(this);
" onmouseout="collapse(this);">Subitem 3 ...
<div class="menuNormal" width="150">
<table class="menu" width="150">
<tr><td class="menuNormal"><a HREF="page.asp" class=
"menuitem">Subitem 1</a></td></tr>
上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] ... 下一页 >>
|
您现在的位置： 卓越设计网 >> 网页制作 >> FrontPages >> 网页制作正文
