代码部分:
{if $r[arrchildid]} <!–是否有子栏目–> {pc:content action=”category” catid=”$r[catid]” num=”10″ siteid=”$siteid” order=”listorder ASC” return=”data2″} {loop $data2 $v}<!–子栏目循环开始–> <a href=”{$v[url]}” class=”drop-nav”><span class=”drop-nav-child”>{$v[catname]}</span></a> {/loop}<!–子栏目循环结束–> {/pc} {/if}
CSS:
.drop-nav span{ border-top: 1px solid #A9B7C5; } .drop-nav-child{ display: block; width: 90px; height: 38px; padding-top: 8px!important; margin: auto; background-color: #fff; } .drop-nav { display: none!important; padding: 0px 0px!important; } li:hover .drop-nav{ display: block!important; }
总结:主要实现调用二级菜单栏,以及鼠标经过显示功能;
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)