phpcms v9 二级下拉菜单的实现
<map> {pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"} <ul class="nav-site"> <li><a href="{siteurl($siteid)}"><span>首页</span></a></li> {loop $data $k $v} <li class="line">|</li> <li><a href="{$v[url]}"><span>{$v[catname]}</span> <!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> {pc:content action="category" catid="$k" num="10" siteid="$siteid" order="listorder ASC"} {loop $data $r} <li><a href="{$r[url]}">{$r[catname]}</a></li> {/loop} {/pc} </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> {/loop} </ul> {/pc} {php echo runhook(‘glogal_menu‘)} </map>
2、找到.\statics\css目录下的default_blue.css文件(要是换过主题的,自己找主css样式表),打开,找到/* 导航 */的css样式,在其后加上如下css样式;
/*zkadd*/ .nav-site{ list-style:none;} .nav-site li {position:relative; z-index:200;} .nav-site ul {visibility:hidden;position:absolute;left:3px;top:30px;} .nav-site table {position:absolute; top:0; left:0;} .nav-site li:hover ul, .nav-site a:hover ul{visibility:visible;} .nav-site a:hover{background:#3a6ea5;} .nav-site ul{ } .nav-site ul a{ background-color:#6184a9; color:#ffffff; border-top:1px solid #7aa5d2; border-bottom:1px solid #4e6a87; text-decoration:none;} .nav-site ul li {clear:both;height:28px !important; line-height:28px !important; text-align:center;font-size:13px;list-style: none; } .nav-site ul li a{display:block;width:138px;} .nav-site ul li a:hover{ border-top:1px solid #7aa5d2; border-bottom:1px solid #4e6a87; background:#6d93bc;} /*zkadd-end*/
ps:Hack过了,能完美支持ie等各个版本,至于颜色样式,有能力的童鞋可以自己改……
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。