浅谈纯CSS实现二级导航(优缺点与局限性)

阅读更多

【前言】

      本文简单说下如何用CSS实现二级导航,CSS实现的缺点很明显:二级导航无法实现过渡效果,高度变化由0变auto的过程和display由none变block一样,无法实现过渡

  注意(局限性):高度变化若想出现过渡效果,必须由0变到指定高度,如0-200px等才可以。

 

【主体

(1)height由0变为auto




	
	JS
	


	


 

(2)height由0变为200px----有过渡效果

将height的auto改为200px即可

 

(3)display由none改为block

.nav>li>ul{
	display: none;
}
.nav>li:hover ul{
	display: block;
}

 

.

你可能感兴趣的:(笔记随笔,常见特效,教学笔录,学生提问,CSS)