请教div+css+js高手如何快速写个菜单导航
头要我写个菜单给他看看,大致意思是像extjs2.0里面的菜单差不多样式,我希望做出http://www.dynamicdrive.com/dynamicindex1/d...
头要我写个菜单给他看看,大致意思是像extjs2.0里面的菜单差不多样式,我希望做出 http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm 差不多这样的菜单,我刚接触css和js 请问制作这样的菜单难不难?可以否给个大致的思路?
展开
展开全部
很简单吧,大概是:
<div class="menu">
<ul>
<li>这里是菜单</li>
<li>这里是菜单</li>
<li>这里是菜单</li>
<li>这里是菜单</li>
<li>这里是菜单</li>
<li>这里是菜单</li>
</ul>
</div>
<div class="line">这里是下方那条线</div>
其他是CSS的LI
.menu ul { margin:0; padding:0; list-style:none;}
.menu li {
width:80px; height:24px; color:#fff; background:#666; float:left; margin-left:1px;}
.line { border-top:6px solid #000; maring-top:1px;}
大概是这样子的,如果你要细化还有要把<a>写上去.
<div class="menu">
<ul>
<li>这里是菜单</li>
<li>这里是菜单</li>
<li>这里是菜单</li>
<li>这里是菜单</li>
<li>这里是菜单</li>
<li>这里是菜单</li>
</ul>
</div>
<div class="line">这里是下方那条线</div>
其他是CSS的LI
.menu ul { margin:0; padding:0; list-style:none;}
.menu li {
width:80px; height:24px; color:#fff; background:#666; float:left; margin-left:1px;}
.line { border-top:6px solid #000; maring-top:1px;}
大概是这样子的,如果你要细化还有要把<a>写上去.
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询