首页 新闻 会员 周边

变换菜单哪里出错了

0
[已关闭问题] 关闭于 2016-04-23 11:11
 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title></title>
 6 <style>
 7 
 8 ul{ font-size:18px;font-weight:bold;list-style:none;
 9 border-bottom:10px solid #f60;overflow:auto;}
10 li{float:left;margin-right:5px;}
11 ul li a{text-decoration:none;line-heihgt:40px;background:#060;display:block;width:90px;text-align:center;color:#fff
12 ;}
13 span{display:none;}
14 a:hover span{display:block;}
15 ul li a:hover{margin-top:-40px;}
16 </style>
17 <script type="text/javascript">
18 
19 </script>
20 </head>
21 <body>
22     <div id="div1">
23         <ul>
24             <li><a href="#">首页<span>Index</span></a></li>
25             <li><a href="#">课程大纲<span>Class</span></a></li>
26             <li><a href="#">学习中心<span>Study</span></a></li>
27             <li><a href="#">经典案例<span>Case</span></a></li>
28             <li><a href="#">关于我们<span>About</span></a></li>
29         </ul>
30     </div>
31 </body>
32 </html>

浏览器里的效果怎会不好?鼠标经过事件会一闪一闪的

focus.27的主页 focus.27 | 菜鸟二级 | 园豆:232
提问于:2016-04-23 11:06
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册