如何控制鼠標移至一級導航其他項時，第一個二級導航消失。第一個二級導航是默認顯示的代碼如下：<!doctype html><html><head><meta charset="UTF-8"><title>Document</title><style>*{margin: 0;padding: 0;}.menu{height: 40px;background-color: #ccc;font: 14px/40px "微軟雅黑";color:#ccc;text-align: center;}.menu ul{list-style: none;margin-left: 20px;}.menu ul li{float: left;padding: 0 10px;position: relative;}.menu ul li a{text-decoration: none;display: block;color:#000;}.menu ul li a:hover{color: red;border-bottom-color: red;}.menu ul li.dq:hover ul.active{display: block;}.menu ul li:hover ul{display: block;}.menu ul li:hover .active{display: none;}.menu ul li ul.active{display: block;}.menu ul li ul{position: absolute;width: 1000px;display: none;left: -20px;}</style></head><body><div><ul><li><a href="about.html"><span>關于我們</span><span>ABOUT US</span></a><ul><li><a href="#">我們是誰</a></li><li><a href="#">我們的文化</a></li><li><a href="#">我們的愿景</a></li></ul></li><li ><a href="wedo.html"><span>我們做什么</span><span>WHAT WE DO</span></a><ul><li><a href="#">我們做什么</a></li><li><a href="#">動態消息</a></li></ul></li><li ><a href="case.html"><span>我們做過什么</span><span>CASE</span></a><ul><li><a href="#">經典案例</a></li><li><a href="#">動態消息</a></li></ul></li><li ><a href="artisan.html"><span>工匠精神</span><span>ARTISAN</span></a><ul><li><a href="#">精神簡介</a></li><li><a href="#">精神內涵</a></li><li><a href="#">我們的精神</a></li></ul></li><li ><a href="content.html"><span>聯系我們</span><span>CONTENT US</span></a><ul><li><a href="#">項目聯系</a></li><li><a href="#">加入我們</a></li><li><a href="#">演講邀請</a></li></ul></li></ul></div></body></html>
- 2 回答
- 0 關注
- 1613 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消