|
|
<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;" > 菜单一 </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;" > 菜单二 </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> |
|