destoon主导航子栏目下拉菜单的实现_destoon教程_cms教程

最近发现很多人在问主导航如何实现下拉呢，结合懒人图库的下拉菜单的样式，把他给移植过来了，适合内容较多的资讯网站使用，效果见

http://www.lexue001.com/
http://www.besoo.com/

这两个网站的演示，代码如下：

EM截图_20151127114036


	
	
		
		
			首 页 
		
{loop $MODULE $m}
 
  {if $m[ismenu]}
		
			{$m[name]} 
			
				{php $child = get_maincat(0, $m[moduleid],1);}
                {loop $child $c} {set_style($c[catname], $c[style])} {/loop}
			

		
{/if}
    {/loop}

#daohang{width:980px;height:36px;background:#5A96C2;margin-bottom:2px;position:relative;z-index:99}
#daohang a{
        text-decoration: none !important;
}
.home{margin-left:16px}
.tab{position:relative;display:block;float:left;cursor:pointer}
.tab .tablink{position:relative;padding:1px 12px;line-height:34px;display:block;height:34px;color:#fff;font-size:14px;z-index:99;float:left}
.tab .tablink a{line-height:34px;color:#FFF;text-decoration:none}
.tab:hover{background:#FFF}
.tab:hover .tablink{color:#5A96C2;border:1px solid #5A96C2;padding:0 11px;text-decoration:none}
.tab:hover .tablink a{color:#5A96C2}
.dropdown:hover .arwlink{border-bottom:1px solid #FFF;border-left:1px solid #5A96C2;height:35px}
.dropdown ul{display:none}
.dropdown:hover ul{position:absolute;display:block;margin-left:-1px;top:36px;left:1px;z-index:9}
.subnav{width:250px}
.subnav a{padding:4px 0 4px 10px;line-height:18px;width:70px;display:block;white-space:nowrap;color:#333;float:left}
.subnav :hover{text-decoration:underline;color:#5A96C2;}
.dropdown .subnav{background:#FFF;border:1px solid #5A96C2;padding:8px}
#daohang .menuon{
        font-weight: bold;        
}

查看更多关于【destoon教程】的文章