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 <head>
4 <style type="text/css">
5
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7 <title>三级导航菜单</title>
8 *
9 {
10 margin:0px;
11 padding:0px;
12 }
13
14 .a
15 {
16 height:40px;
17 width:120px;
18 left:200px;
19 top:40px;
20 line-height:40px;
21 overflow:hidden;
22 text-align:center;
23 background-color:#90F;
24 position:absolute;
25 }
26
27 .aa
28 {
29 height:40px;
30 width:120px;
31 left:200px;
32 top:40px;
33 line-height:40px;
34 overflow:visible;
35 text-align:center;
36 background-color:#F6C;
37 position:absolute;
38 }
39
40 #b
41 {
42 height:90px;
43 width:120px;
44 text-align:center;
45 vertical-align:middle;
46 position:absolute;
47 }
48
49 table
50 {
51
52 height:90px;
53 width:120px;
54 border:0px;
55 text-align:center;
56 vertical-align:middle;
57 }
58
59 .caijing
60 {
61 height:30px;
62 width:120px;
63 left:0px;
64 top:0px;
65 position:absolute;
66 overflow:hidden;
67 }
68
69 #yinhang
70 {
71 height:30px;
72 width:120px;
73 left:120px;
74 top:0px;
75 background-color:#F0F;
76 position:absolute;
77 }
78
79 .yinhang
80 {
81 height:30px;
82 width:120px;
83 left:0px;
84 top:0px;
85 overflow:visible;
86 position:absolute;
87 }
88
89
90 .tiyu
91 {
92 height:30px;
93 width:120px;
94 left:0px;
95 top:30px;
96 position:absolute;
97 overflow:hidden;
98 }
99
100 .yule
101 {
102 height:30px;
103 width:120px;
104 left:0px;
105 top:60px;
106 position:absolute;
107 overflow:hidden;
108 }
109
110
111 #lanqiu
112 {
113 height:30px;
114 width:120px;
115 left:120px;
116 top:0px;
117 background-color:#00F;
118 position:absolute;
119 }
120
121 .lanqiu
122 {
123 height:30px;
124 width:120px;
125 left:0px;
126 top:30px;
127 overflow:visible;
128 position:absolute;
129 }
130
131
132
133 #mingxing
134 {
135 height:30px;
136 width:120px;
137 left:120px;
138 top:0px;
139 background-color:#FF0;
140 position:absolute;
141 }
142
143 .mingxing
144 {
145 height:30px;
146 width:120px;
147 left:0px;
148 top:60px;
149 overflow:visible;
150 position:absolute;
151 }
152
153 </style>
154
155 </head>
156
157 <body>
158 <div class = "a" onmouseover="this.className=‘aa‘" onmouseout="this.className=‘a‘">新闻
159
160 <div id="b"><table cellspacing="0" cellpadding="0">
161
162
163 <tr><td height="30" width="120" bgcolor="#FFFF00">
164 <div class="caijing" onmouseover="this.className=‘yinhang‘" onmouseout="this.className=‘caijing‘">财经
165 <div id="yinhang">银行</div> </div></td> </tr>
166
167 <tr><td height="30" width="120" bgcolor="#FF0000">
168 <div class="tiyu" onmouseover="this.className=‘lanqiu‘" onmouseout="this.className=‘tiyu‘">体育
169 <div id="lanqiu">篮球</div> </div></td> </tr>
170
171 <tr><td height="30" width="120" bgcolor="#00FF00">
172 <div class="yule" onmouseover="this.className=‘mingxing‘" onmouseout="this.className=‘yule‘">娱乐
173 <div id="mingxing">明星</div> </div> </td> </tr>
174
175 </table>
176 </div></div>
177
178
179 </body>
180 </html>
时间： 2024-12-09 01:17:42