头像

jQuery卡片堆叠轮播图旋转木马轮播图

2020-05-18 17:00:00 收藏 来源:it素材网   浏览(93)   评论 ( 0 )   

jQuery卡片堆叠轮播图旋转木马轮播图
插件描述:jQuery堆叠卡片轮播图,利用transition过渡实现,支持点击左右按钮切换、卡片切换以及自动轮播var $demo1 = $("div.demo1"); var 
查看演示 下载资源:3 下载资源 下载积分:0

插件描述:jQuery堆叠卡片轮播图,利用transition过渡实现,支持点击左右按钮切换、卡片切换以及自动轮播

var $demo1 = $("div.demo1");
var carousel = new Carousel($demo1.children("ul.container"), { //卡片的父容器
    opacity: .9, //透明度
    scale: [.9], //transform缩放比例,注:
    transition: "300ms", //过渡时长
    switch_btn: $demo1.children("i.btn-direct"), //左右切换按钮
    offset: 100, //间距偏移值,默认为:ul父容器宽度/(卡片数量-1)
    isClickCard: true, //是否开启卡片点击切换,默认false
    isAuto: true, //是否自动轮播,默认false
    interval: 4000 //轮播间隔,默认5s,
    "transform-origin": "center bottom", //transform原点
});


标签: 旋转木马
声明:转载请注明来源(it素材网)并保留原文链接:https://www.itsucai.com/js/262.html
评论0

后面还有条评论,点击查看>>

系统已开启自动识别垃圾评论机制,识别到的自动封号!!!