久久国产成人午夜av影院,人妻av一区二区三区精品,欧美精品欧美人与动人物牲交

abstrait：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script&g

<!DOCTYPE html>

<html>

<head>

*{margin: 0;padding: 0}

.box{width: 100%;height: 40px;}

.nav{width: 80%;height: 40px;background-color: #666;margin:0 auto;}

a{text-decoration: none;color: red;}

/*ul{overflow: hidden;}*/

/*此處ul不能浮動不然無法看到下來選項(xiàng) 關(guān)鍵點(diǎn):::position:relative;在設(shè)置下拉的位置*/

ul{height: 40px}

li{text-decoration: none;;list-style: none;float: left;height: 40px;line-height: 40px;text-align: center;cursor: pointer;}

.one>li{width: 20%}

.two>li,.three>li{width: 100%;background-color:#666;border: 0.3px solid #fff }

.two>li:hover,.three>li:hover{background-color:#333;color: #fff }

.two>li{position: relative;}/*重點(diǎn) 必須要設(shè)置一個定位*/

.three{position: absolute;;top: 0;left: 100%;width: 100px}

</style>

$(function(){

$('.two,.three').hide();

$('.one>li').on('mouseover',function(){

$(this).find('.two').show()

})

$('.one>li').on('mouseleave',function(){

$(this).find('.two').hide()

})

$('.two>li').on('mouseover',function(){

$(this).find('.three').show()

})

$('.two>li').on('mouseleave',function(){/*two>li 必須*/

$(this).find('.three').hide()

})

</script>

</head>

<body>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</div>

</body>

</html>

Professeur correcteur：韋小寶Temps de correction：2019-02-21 14:54:36
Résumé du professeur：寫的很不錯你這也是使用css來進(jìn)行實(shí)現(xiàn)的下拉菜單啊使用css實(shí)現(xiàn)下拉菜單要比js實(shí)現(xiàn)簡單的多

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

三級導(dǎo)航_下拉

Entrées populaires