Home  >  Q&A  >  body text

html - 关于css二级导航菜单的做法~~~

<ul class="menubg">
    <li class="first_item current_nav">
	    <a href="">主页</a>											
	    <ul class="first_ul" style="display: block; ">
		    <li class="no-border"><strong>热点频道:</strong></li>
			<li><a href="">金葵花理财</a></li>
			<li><a href="">私人银行</a></li>
			<li><a href="">个人贷款</a></li>
			<li><a href="">出国金融</a></li>
			<li><a href="">现金管理</a></li>
			<li><a href="">空中银行</a></li>
			<li><a href="">财智生活网</a></li>				
		</ul>
	</li>

在制作p+css二级导航菜单的时候,为了可以达到鼠标经过大按钮而产生相对应的二级菜单按钮。我都是用ul把二级的子按钮包起来,放在外面相对应的<li>里面,在配合jquery的mouseenter达到效果,可是这样整个dom看起来觉得很复杂!

所以有没有其他关于二级导航的制作方法!就是最后是二级子菜单的ul是和一级菜单的ul是放在一起的?

高洛峰高洛峰2766 days ago616

reply all(1)I'll reply

  • PHP中文网

    PHP中文网2017-04-17 11:02:15

    其实你这这结构一点也不复杂,鸡肉味嘎嘣脆

    reply
    0
  • Cancelreply