abstrak：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>下拉導(dǎo)航</title> <script type="te
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>下拉導(dǎo)航</title>
<script type="text/javascript" src="jquery-3.4.0.js"></script>
<style type="text/css">
*{margin: 0px;padding: 0px;}
.dh{
width: 1200px;height: 35px;margin: 80px auto;background: #839dff;border: 1px solid #ccc;border-radius: 5px;}
ul{list-style: none;}
ul li{width: 120px;height: 35px;line-height: 35px;text-align: center;float:left;border-right:1px solid #0000FF;cursor: pointer;
color:#ffffff;}
.twobox li {width: 120px;height: 30px;line-height: 30px; background: #5957ff; color:#ffffff; font-size: 14px;position: relative; border:0px;}
.three {position: absolute; top: 0px;left: 100px;}
.three li {width: 99px;height: 30px;line-height: 30px;border: 0;}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('.twobox').hide()
$('.three').hide()
$('.one>li').mouseover(function(){
$(this).find('.twobox').slideDown(500)
})
$('.one>li').mouseleave(function(){
$(this).find('.twobox').slideUp(500)
})
$('.twobox').mouseover(function(){
$(this).find('.three').slideDown(500)
})
$('.twobox').mouseleave(function(){
$(this).find('.three').slideUp(500)
})
})
</script>
</head>
<body>
<div class="dh">
<ul class="one">
<li>網(wǎng)站首頁(yè)</li>
<li>關(guān)于我們
<ul class="twobox">
<li>集團(tuán)介紹</li>
<li>企業(yè)形象</li>
<li>企業(yè)文化</li>
<li>服務(wù)項(xiàng)目</li>
<li>行業(yè)前景</li>
<li>高薪誠(chéng)聘</li>
</ul>
</li>
<li>新聞資訊
<ul class="twobox">
<li>公司新聞</li>
<li>通知公告</li>
</li>
</ul>
<li>產(chǎn)品中心
<ul class="twobox">
<li>最新產(chǎn)品</li>
</ul>
</li>
<li>會(huì)員中心
<ul class="twobox">
<li>查詢通道
<ul class="three">
<li>卡密查詢</li>
<li>身份證號(hào)查詢</li>
</ul>
</li>
<li>會(huì)員須知</li>
</ul>
<li>合作招商
<ul class="twobox">
<li>合作招商</li>
<li>代理商登陸</li>
</ul>
</li>
<li>道路救援
<ul class="twobox">
<li>道路救援網(wǎng)絡(luò)</li>
<li>道路救援服務(wù)項(xiàng)目</li>
</ul>
</li>
<li>醫(yī)療救援
<ul class="twobox">
<li>醫(yī)療救援網(wǎng)絡(luò)</li>
<li>醫(yī)療救援服務(wù)項(xiàng)目</li>
</ul>
</li>
<li>資料下載
<ul class="twobox">
<li>資料下載</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Guru membetulkan：西門(mén)大官人Masa pembetulan：2019-04-20 13:31:41
Rumusan guru：思考一下如果用css來(lái)實(shí)現(xiàn)，該如何處理？