UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

标题控制轮播

所属分类：UI-幻灯片和轮播图,Tabs

 35335  485  查看评论 (26)
分享到微信朋友圈
X
标题控制轮播 ie兼容10
 查看演示  立即下载

CSS部分引用reset.css和style.css即可。如果需要增添或删减标签，在style.css 561行增减。例如需增加一标签，添加

.cd-slider-nav .cd-marker.item-6 {
  -webkit-transform: translateX(500%);
  -moz-transform: translateX(500%);
  -ms-transform: translateX(500%);
  -o-transform: translateX(500%);
  transform: translateX(500%);
}

并在html部分加上相应的li即可。

Html部分很简单！没什么可说的。

JS部分应用main.js即可。


相关插件-幻灯片和轮播图,Tabs
查看更多

jQuery自动轮插件jquery.SuperSlide

 基于jquery.SuperSlide写的，希望大家喜欢！
  幻灯片和轮播图
 70990  436

jQuery图片轮播插件jquery.tiles.js

 jquery.tiles图片切换插件，支持多达12种特效、22个自定义参数；支持随机顺序、循环、正反方向、导航、缩略图；幻灯片播放前、中、后自定义事件等，相信可以满足绝大多数需求。
  幻灯片和轮播图
 30532  372

jquery 幻灯片以及tabs切换插件

 jquery 幻灯片以及tabs切换插件
  幻灯片和轮播图
 28213  355

js轮播图插件slider

 支持鼠标滑动以及移动端手势滑动的幻灯片播放插件
  幻灯片和轮播图
 36283  419

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

    21 0
    2021/12/7 11:50:31
    可以可以 正需要 回复
    AIR 0
    2020/7/31 2:53:59
    不支持手机端
        西瓜0
        2020/7/31 9:40:32
        测试手机端没问题。
    回复
    Fortuna＆飞 0
    2019/7/11 10:55:04
    不能自动轮播啊 回复
    水木年华 0
    2019/5/28 17:38:54
    效果是我想要的，谢谢 回复
    无情明月 有情归梦 0
    2018/8/19 8:29:04
    lean 0
    2018/7/6 9:22:38
    娇气的小淘气 0
    2018/5/15 20:42:39
    zhangjian_jue 0
    2017/11/21 17:02:37
    JkGamingTech 0
    2016/10/13 10:10:28
    mouseyu0107 0
    2016/8/29 11:08:03
    还要金币，怎么下载呀。求指导
        良昀1
        2017/8/7 13:45:03

        自己上传，或者回答问题可以获得金币

        梦里花落知多少丶0
        2017/10/16 15:45:53

        登录点击个人中心，坚持签到就有

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复