jQuery手风琴轮播图切换效果

所属分类:媒体,导航-幻灯片和轮播图,手风琴菜单

 14369  147  查看评论 (1)
分享到微信朋友圈
X
jQuery手风琴轮播图切换效果 ie兼容6

更新时间:2019-10-21 00:43:01

使用方法

css部分

<link rel="stylesheet" href="css/style.css" />

js部分

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/script.js"></script>

html部分

<div class="wrap">
    <div class="pic1 pic">
        <div class="pic_num1 pic_num"></div>
    </div>
    <div class="pic2 pic">
        <div class="pic_num2 pic_num"></div>
    </div>
    <div class="pic3 pic">
        <div class="pic_num3 pic_num"></div>
    </div>
    <div class="pic4 pic">
        <div class="pic_num4 pic_num"></div>
    </div>
    <div class="pic5 pic">
        <div class="pic_num5 pic_num"></div>
    </div>
    <div class="pic6 pic">
        <div class="pic_num6 pic_num"></div>
    </div>
</div>
相关插件-幻灯片和轮播图,手风琴菜单

jQuery幻灯片插件Smoothslides

可平移的jQuery幻灯片插件Smoothslides
  幻灯片和轮播图
 21780  274

jQuery百叶窗轮播插件Shutter

兼容至IE8的自适应百叶窗轮播,切换效果多样。
  幻灯片和轮播图
 32482  343

jQuery 3D轮播图

自适应屏幕的3D轮播图加炫酷背景
  幻灯片和轮播图
 49554  447

淘宝的推荐好物滑动切换展示效果

淘宝推荐好物切换展示应用,淘宝极有家切换效果
  幻灯片和轮播图
 22126  323

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

    丶 阿豪 0
    2020/4/18 14:26:24
    如何在图片中添加文字呀 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复