<html>
<head>
<title>display</title>
<script type="text/javascript">
<!--
function show(id){
var msg=document.getElementById("submenu"+id);
if(msg.style.display=="none")
// msg.style.display="block";
msg.style.display="";
else
msg.style.display="none";
}
//-->
</script>
</head>
<body>
<table width="100%" >
<tr width="100%">
<td width="100%">
<font style="cursor:hand;" onclick="show(1)">
菜单一
</font>
</td>
</tr>
<tr id="submenu1" style="display:none;">
<td>
<table>
<tr>
<td>子菜单a</td>
</tr>
<tr>
<td>子菜单b</td>
</tr>
</table>
</td>
</tr>
<tr width="100%">
<td width="100%">
<font style="cursor:hand;" onclick="show(2)">
菜单二
</font>
</td>
</tr>
<tr id="submenu2" style="display:none;">
<td>
<table>
<tr>
<td>子菜单c</td>
</tr>
<tr>
<td>子菜单d</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
<html>
<style>
a{background:blue;display:block;color:#fff}
</style>
<a href="http://g.cn">g.cn </a>
<a href="http://g.cn">g.cn </a>
<a href="http://g.cn">g.cn </a>
<a href="http://g.cn">g.cn </a>
<!--
style "display:block"
意思就是块，加了这个样式，一个元素会自动为一行，如果是链接的话，点击这个行任何地方都会有链接，而不只是点击链接的字才有链接
-->
<style>
a{background:blue;color:#fff}
</style>
<a href="http://g.cn">g.cn </a>
<a href="http://g.cn">g.cn </a>
<a href="http://g.cn">g.cn </a>
<a href="http://g.cn">g.cn </a>
<!--
style "display:block"
意思就是块，加了这个样式，一个元素会自动为一行，如果是链接的话，点击这个行任何地方都会有链接，而不只是点击链接的字才有链接
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 测试form多一行效果 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<form name="form1" style="display:inline">
<input type="text" size="20"/>
</form>
<form name="form2" style="margin:0px;">
<input type="text" size="20"/>
</form>
<form name="form3">
<input type="text" size="20"/>
</form>
<form name="form3">
<input type="text" size="20"/>
</form>
</BODY>
</HTML>
