Akcms给导航当前栏目添加样式的2种方法

第一种方法：

栏目读取标签：

<{getcategories rootcategory=$categoryup template="
    <li><a id=()cate[categoryid]() href=()[url]()>[category]</a></li>
"}>

对应的css样式：

<style type="text/css">
    #cate<{$category}> {
        color:#0099cc;
        font-weight:bold;
    }
</style>

以上代码，如果是二级栏目时，会失效，样式代码替换为：

<style type="text/css">
    <{if $categoryup eq 0 }>
        .cate<{$category}> {
            background:#1D548B;
        }
    <{else}>
        .cate<{$categoryup}> {
            background:#1D548B;
        }
    <{/if}>
</style>

第二种方法，用js把当前栏目的样式替换掉。比如把<li id"nav3">栏目1</li>的样式替换为 <li id"activepage">栏目1</li>

<script type="text/javascript">
    var nav = document.getElementById("nav<{getcategories childcategory=$category num="1" template="[categoryid]"}>");
    if (nav) {
        nav.className = "activepage"
    };
</script>

栏目读取标签：

<{getcategories num="10" rootcategory="0" template="
    <li id=()nav[categoryid]()><span><a href=()[url]() ><span>[category]</span></a></span></li>
"}>

父栏目首页时，二级栏目标题不需要样式，可以用AK新加入的IF语句：

<{if $subcategories}>
    <{getcategories rootcategory=$category template="
        <li id=()cate[categoryid]()><a href=()[url]()>[category]</a></li>
    "}>
<{else}>
    <style type="text/css">
        #cate<{$category}> {
            color:#0099cc;
            font-weight:bold;
        }
    </style>
    <{getcategories rootcategory=$categoryup template="
        <li id=()cate[categoryid]()><a href=()[url]()>[category]</a></li>
    "}>
<{/if}>