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:[email protected]">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>
