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

标题控制轮播

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

 34828  484  查看评论 (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唯品会首页轮播图，渐隐切换，代码简单易懂
  幻灯片和轮播图
 30788  346

js垂直轮播广告幻灯片

 js垂直轮播广告幻灯片
  幻灯片和轮播图
 38058  391

好玩的蹦床效果轮播图

 一个有趣的内容导航效果，使用可拖动的弹性堆栈和Snap.svg动画像蹦床一样的背景形状。
  幻灯片和轮播图
 23938  360

基于anime.js全屏图片视差旋转切换

 基于anime.js制作全屏响应式的图片轮播展示效果
  幻灯片和轮播图
 27551  445

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

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

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