jQuery手风琴轮播图切换效果

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

 12184  123  查看评论 (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>
相关插件-幻灯片和轮播图,手风琴菜单

响应式banner,带手指换的特效,自定义设置属性

响应式banner,支持移动端手指滑动切换,自定义设置属性
  幻灯片和轮播图
 45653  435

TinyBox JavaScript弹出脚本

TinyBox JavaScript弹出脚本
  幻灯片和轮播图
 26787  248

模板京东淘宝点击购物网站jQuery多图切换代码

模板京东淘宝点击购物网站jQuery多图切换代码。
  幻灯片和轮播图
 33213  385

原生js实现轮播插件(支持左右箭头、圆点按钮、兼容IE8)(原创)

支持左右箭头、圆点按钮、代码注释全、可控效果按钮接口、简单语法、兼容IE8
  幻灯片和轮播图
 22487  224

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

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