欢迎来到我爱模板网，请记住我们的域名5imoban.net。本站资源大部分免费下载。如需定制，可联系站长QQ543031222。如果您觉得本站不错，请推荐给您的好友！

各位热心的网友们，欢迎给本站留言！您的任何建议和意见本站都会认真查看，仔细采纳！

当前位置：模板网首页 > 特效插件 > 导航菜单 > 仿百度百科导航菜单正文

仿百度百科导航菜单隐藏和展开js导航菜单效果

作者：网页模板

大小：0.043MB

点击次数：

发布时间：2014-02-24 12:55

分享到：

特效介绍

仿百度百科导航菜单隐藏和展开js导航菜单效果

使用方法

1、在网页头部引入css.css、tangram-1.1.0.js、base.js。
2、在您需要引入该特效的地方加入下面的代码

<fieldset class="text_dir" id="catalog">
    <p>网页模板 5imoban.net<span>[<a href="javascript:void(0)" id="dir_alt" onClick="lemma.catalog.showCatalog();">隐藏</a>]</span></p>
    <dl id="holder1">
        <dd><a href="#">基本信息</a></dd>
        <dd><a href="#">模板定义</a></dd>
        <dd><a href="#">模板分类</a>
            <ol>
                <li><a href="#">成品模板</a></li>
                <li><a href="#">仿制模板</a></li>
                <li><a href="#">手工模板</a></li>
                <li><a href="#">PSD模板</a></li>
                <li><a href="#">怪兽模板</a></li>
                <li><a href="#">设计和开发</a></li>
            </ol>
        </dd>
        <dd><a href="#">详细介绍</a>
            <ol>
                <li><a href="#">创建和设置</a></li>
                <li><a href="#">应用和更新</a></li>
            </ol>
        </dd>
        <dd><a href="#">对行业影响</a>
            <ol>
                <li><a href="#">发展趋势</a></li>
                <li><a href="#">设计师心态</a></li>
                </li>
            </ol>
        </dd>
    </dl>
    <dl id="holder2"></dl>
</fieldset>
<script type="text/javascript">lemma.catalog.start();</script>

注：<dd>内部是一级导航，<li>里面是二级导航