1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <!--导航效果--> 4 <div id="menu"> 5 <style type="text/css"> 6 *{margin:0;padding:0;} 7 .menu{font-size:14px;position:relative;z-index:100; text-align:center;margin-left:5px;} 8 .menu ul{list-style:none; } 9 .menu li {float:left;position:relative;width:100px;text-align:center; height:13px;line-height:20px;border-left:0px groove cyan;margin-top:1px; }/* width是父级菜单的宽度 */ 10 .menu ul ul {visibility:hidden;position:absolute;left:5px;top:32px;width:100px; background-color:#E7EDFC;margin-top:-4px\9\0; }/* top是父级菜单与二级子菜单的间隔 */ 11 .menu table {position:absolute; top:0; left:0;} 12 .menu ul li:hover ul,.menu ul a:hover ul{visibility:visible;} 13 .menu a{display:block;padding:1px 15px;margin:1px;color:white;background-color:green;font-size:15px;font-weight:500;line-height:25px;text-decoration:none;height:25px;} 14 .menu a:hover{background:#65B5AA;color:#f00;} 15 .menu ul ul{filter:alpha(opacity=90);/* IE */ -moz-opacity:0.9;/* Moz + FF */ opacity: 0.9;/* 支持CSS3的浏览器（FF 1.5也支持）*/ margin-top:0px; } 16 .menu ul ul li {clear:both;text-align:left;font-size:12px;height:22px; line-height:22px;margin-top:-4px\9\0;} 17 .menu ul ul li a{display:block; width:100px; height:20px;line-height:22px; margin:0; border:0; border-bottom:1px solid #; color:#000; background-color:#E7EDFC;}/* width是二级子菜单的宽度 */ 18 .menu ul ul li a:hover{border:0; background:#f2cdb0; border-bottom:1px solid #ddd; width:100px; height:18px;} 19 </style> 20 <head> 21 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 22 <title>无标题文档</title> 23 </head> 24 <body style="background-image:url(image/2.gif); background-size:contain" > 25 <table width="1350px" border="0" height="605px"> 26 <tr height="80px"> 27 <td width="250px"> 28 <table border="0" width="100%" height="80px"> 29 <tr> 30 <td> 31 <font size="2">欢迎你：[</font> 32 <a href="#"><font size=2 color="#FF0000">未登陆</font></a> 33 <font size="2">] 注销</font> 34 </td> 35 </tr> 36 <tr> 37 <td> 38 <form target="zuoxia" action="http://www.google.com/search"> 39 40 <input type="text" value="" name="q" /> 41 42 <input type="submit" value="搜 索" /> 43 <br /> 44 45 <font size="2"> 46 <input type="radio" name="searchtype" value="" checked="checked" />知识库 47 <input type="radio" name="searchtype" value="" />问题 48 <input type="radio" name="searchtype" value="" />变更 49 </font> 50 </form> 51 </td> 52 </tr> 53 </table> 54 </td> 55 <td background="image/top_1bk.jpg" valign="middle"> 56 <table width="100%" height="80px" border="0"> 57 <tr height="80px"> 58 <td width="900px"> 59 <br /><br /> 60 <div class="menu"> 61 <ul> 62 <li><a style="cursor:pointer" href="myIndex.html" title="我的首页：快捷图标" target="youxia">首页 </a> 63 64 </li> 65 <li><a style="cursor:hand" href="Service Desk.html" target="youxia"">服务台 </a> 66 <ul> 67 </ul> 68 </li> 69 <li><a style="cursor:hand" href="Problem Management.html" target="youxia">问题管理 </a> 70 <ul> 71 </ul> 72 </li> 73 <li><a style="cursor:hand" href="Change Management.html" target="youxia">变更管理</a> 74 75 </li> 76 <li><a style="cursor:hand" href="Configuration Management.html" target="youxia">配置管理</a> 77 78 </li> 79 <li><a style="cursor:hand" href="Experience.html" target="youxia">知识库 </a> 80 <ul> 81 <li><a href="http://www.baidu.com" target="youxia">添加知识</a></li> 82 <li><a href="http://www.baidu.com" target="youxia">查看知识</a></li> 83 </ul> 84 </li> 85 <li><a style="cursor:hand" href="#" target="youxia">待定</a> 86 <ul> 87 <li><a href="youxia.html" target="youxia">右下</a></li> 88 </ul> 89 </li> 90 <li> 91 <font size=2><a href="http://www.baidu.com" target="youxia" title="我的个性化帮助">个性帮助</a></font> 92 </li> 93 </ul> 94 </div> 95 </td> 96 <td width="200px"> 97 <iframe name="news" src="news.html" height="70px" width="195px" marginheight="1px" frameborder="1" > 98 </iframe> 99 </td> 100 </tr> 101 </table> 102 </td> 103 </tr> 104 <tr height="525px"> 105 <td> 106 <table width="100%" height="525px"> 107 <tr> 108 <td> 109 <iframe name="zuoxia" src="first.html" height="465px" width="100%" marginheight="10" frameborder="0" > 110 </iframe> 111 </td> 112 </tr> 113 <tr height="60px"> 114 <td> 115 <font size="2"> 116 <table width="100%" height="75px" align="center" border="1" bgcolor="#CCFFFF"> 117 <tr height="20px"> 118 <td> 119 <img src="image/tip.bmp" /> 所有任务：<a href="#" target=""><font color="red" size="3">[100]</font></a> 120 </td> 121 </tr> 122 <tr height="20px"> 123 <td> 124 <img src="image/tip.bmp" /> 我的任务：<a href="#" target=""><font color="red" size="3">[100]</font></a> 125 </td> 126 </tr> 127 <tr height="20px"> 128 <td> 129 <img src="image/tip.bmp" /> 未完成任务：<a href="#" target=""><font color="red" size="3">[100]</font></a> 130 </td> 131 </tr> 132 </table> 133 </font> 134 </td> 135 </tr> 136 </table> 137 </td> 138 <td height="545px"> 139 <iframe name="youxia" src="first.html" height="545px" width="100%" marginheight="10px" frameborder="0" > 140 </iframe> 141 </td> 142 </tr> 143 </table> 144 <div> 145 <center> 146 <font size="2"> 147 <a href="#">联系我们</a> | 148 <a href="#">联系我们</a> | 149 <a href="#">联系我们</a> | 150 <a href="mailTo:123@123.com">E-mail</a> 151 </font> 152 <br /> 153 <font size="2"> 154 Copyright © 2010 - 2013 Company. All Rights Reserved.AA公司 版权所有 155 </font> 156 </center> 157 </div> 158 </body> 159 </html>