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

标题控制轮播

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

 36123  486  查看评论 (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轮播图插件slide.js

 基于jQuery拓展的轮播插件，使用方便简单，只用一句代码自动加载，方便交互
  幻灯片和轮播图
 65017  378

仿英雄杀游戏官网幻灯片JS代码

 仿英雄杀游戏官网幻灯片JS代码
  幻灯片和轮播图
 38628  431

基于roundabout.js的3d倾斜轮播

 jQuery.roundabout.js制作CSS3图片倾斜层叠切换效果代码
  幻灯片和轮播图
 44119  567

swiper横向轮播

 swiper横向轮播，简单好用
  幻灯片和轮播图
 89782  586

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

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

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