cms09——滑动门形式导航条

本节知识点：

• 目标

我们要在下方，填写如导航条内容

• 实战

1. 1 将原先html中的导航条内容复制下来

<ul class="navigation clearfix">
    <li><a href="[!--news.url--]">首页</a></li>
    <li><a href="/skin/web/about.html">关于我们</a></li>
    <li><a href="/skin/web/contact.html">联系我们</a></li>
</ul>

1. 2 定义标签模版

点击管理标签模版，根据原来的html内容修改内容模版

<li><a href="[!--classurl--]" title="[!--classname--]">[!--classname--]</a></li>

分析：在原先的基础上加了一个title，有利于搜索引擎优化！

3 直接保存模版，在[!--temp.header--]中直接粘贴

<ul class="navigation clearfix">
    <li><a href="[!--news.url--]">首页</a></li>
    [showclasstemp]'0',1,0,0[/showclasstemp]
</ul>

分析：注意首页留下和href方式！

1. 4 二级导航，这个需要js我下载的模版没有，直接去自动标签生成，错误演示如下，是出不来效果的！！！

正确演示如下，不能和一级栏目同样的标签哦

1. 5 效果图，我没有js而已