简洁实用的jQuery手风琴插件

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

 28580  294  查看评论 (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>


相关插件-手风琴菜单

基于css3实现手风琴图片展示(原创)

酷炫的手风琴风格式的展示图片风格,全部基于css3实现
  手风琴菜单
 24285  302

jQuery 手风琴插件accordion.js

可自定义宽高,图片数量,事件的手风琴插件
  手风琴菜单
 32657  361

jQuery手风琴插件效果

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

bootstrap垂直手风琴动画特效

一款基于Bootstrap的垂直手风琴特效。该垂直手风琴特效基于原生的Bootstrap Accordion组件来制作,通过CSS3来对它进行美化,效果美观大方。
  手风琴菜单
 29673  313

讨论这个项目(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

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

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