3d轮播图代码

来源:https://www.sucaihuo.com/js/1791.html 2017-04-22 08:59浏览(1479) 收藏

3d轮播图 HTML5+css3实现3d轮播图,可左右切换图片的3D焦点图代码
3d轮播图代码
分类:图片代码 > 图片轮播 难易:初级
查看演示 下载资源: 20 下载资源 下载积分: 30 积分

左右按钮点击图片旋转

$(function() {
    var num = 0;
    $(".next").on("click", function() {
        num++;
        $("ul").css("transform", "scaleX(2.5) scaleY(1.5) rotateX(" + num * 90 + "deg)")
    })
    $(".prev").on("click", function() {
        num--;
        $("ul").css("transform", "scaleX(2.5) scaleY(1.5) rotateX(" + num * 90 + "deg)")
    })
})
评论2
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3007547952

  • 头像 椅子
    04-23 07:55
    w***n
    还可以,就是效果太单一了
  • 头像 沙发
    04-22 09:59
    t***e
    切换效果有点单一
1 2