手风琴

jQuery多级目录手风琴菜单

阿里云

这是一款类似于多级目录菜单的 JQuery 手风琴菜单插件。这款 jQuery 手风琴菜单插件能够帮助用户获取有用的信息而将不需要的信息隐藏。

HTML 代码:

  1. <ul class="topnav">
  2.     <li><a href="#" target="scriptbreaker">Home</a></li>
  3.     <li><a href="#">JavaScript<span>[+]</span></a>
  4.         <ul>
  5.              <li><a href="#">Cookies</a></li>
  6.              <li><a href="#">Events</a></li>
  7.              <li><a href="#">Forms</a></li>
  8.              <li><a href="#">Games</a></li>
  9.              <li><a href="#">Images</a></li>
  10.              <li><a href="#">Navigations<span>[+]</span></a>
  11.                 <ul>
  12.                     <li><a href="#">CSS</a></li>
  13.                     <li><a href="#">JavaScript</a></li>
  14.                     <li><a href="#">JQuery</a></li>
  15.                 </ul>
  16.             </li>
  17.              <li><a href="#">Tabs</a></li>
  18.         </ul>
  19.     </li>
  20.     <li><a href="#">Tutorials<span>[-]</span></a>
  21.         <ul style="display: block;">
  22.              <li class="active"><a href="#">HTML</a></li>
  23.              <li><a href="#">CSS</a></li>
  24.              <li><a href="#">JavaScript</a></li>
  25.              <li><a href="#">Java<span>[+]</span></a>
  26.                 <ul>
  27.                     <li><a href="#">JSP</a></li>
  28.                     <li><a href="#">JSF</a></li>
  29.                     <li><a href="#">JPA</a></li>
  30.                 </ul>
  31.             </li>
  32.              <li><a href="#">Tabs</a></li>
  33.         </ul>
  34.     </li>
  35.     <li><a href="#" target="_blank">Contact</a></li>
  36.     <li><a href="#">Upload script</a></li>
  37. </ul>
也想出现在这里?联系我们
创客主机

调用插件:

首先引入必要的文件。

  1. <script type="text/javascript" src="jquery-1.5.2.min.js">
  2. <script type="text/javascript" src="scriptbreaker-multiple-accordion-1.js">

使用下面语句调用它。

jQuery 多级目录手风琴菜单

已有 422 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!