简洁实用的jQuery手风琴插件

所属分类:导航-手风琴菜单

 34133  346  查看评论 (7)
分享到微信朋友圈
X
简洁实用的jQuery手风琴插件 ie兼容8

使用该手风琴插件需要引入jQuery,jquery.accordion.js和jquery.accordion.css文件。

<link rel="stylesheet" type="text/css" href="css/jquery.accordion.css">
<script src="lib/jquery-1.11.1.min.js"></script>
<script src="js/jquery.accordion.js"></script>

               

HTML结构

该手风琴特效的HTML结构非常简单:使用一个<div>作为包裹元素,在里面使用一个无序列表来制作手风琴项。

<div class="accordion">
    <ul>
        <li class="item1 active"><a href=""></a></li>
        <li class="item2"><a href=""></a></li>
        <li class="item3"><a href=""></a></li>
        <li class="item4"><a href=""></a></li>
        <li class="item5"><a href=""></a></li>
    </ul>
</div>


相关插件-手风琴菜单

JQ手风琴菜单

一款兼容ie6的手风琴菜单
  手风琴菜单
 43303  314

jQuery手风琴图片轮播切换

jQuery手风琴图片轮播切换
  手风琴菜单
 44297  446

jQuery手风琴插件效果

jQuery手风琴插件效果,代码简单效果好。
  手风琴菜单
 42301  485

jQuery全屏图片点击滑动手风琴

jQuery全屏图片点击滑动手风琴是一款全屏点击轮播切换的手风琴特效。
  手风琴菜单
 37145  336

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    w1966891335 0
    2017/3/18 17:52:38
    被偏爱的都有恃无恐. 0
    2017/3/14 10:03:35
    快速移动会比较迟缓和相应慢的现象 回复
    wesleyparr 0
    2016/12/14 14:12:16
    阿不 0
    2016/7/11 16:07:55
    没解决冒泡问题 回复
    wzyhonest 0
    2016/2/5 21:02:38
    夺命书生 0
    2015/10/24 22:10:55

    刚看到,效果很不错,下来用用看如何

    回复
    aC 0
    2015/10/24 11:10:23

    看看怎么用哦哦哦哦哦哦哦哦哦哦

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复