仿百度百科导航菜单隐藏和展开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>里面是二级导航
- 本文标签:
- js导航,js菜单栏,js仿百度百科菜单