插件描述：jQuery 3d轮播图，这个插件用的是过度和css3变形来实现文字也缩放的效果
更新时间：2018/4/20 下午4:10:31
更新说明：拖了好久 今天终于想起来了 然后补上了自动轮播
1 2 3 4 5 6 7 8 9 | var aa = new zturn({ id: "zturn", //id opacity: 0.9, //透明度 width: 382, //元素宽度 Awidth: 1024, //轮播盒子全部宽度 scale: 0.9, //元素缩放比例 auto: true, //是否轮播 默认5000 turning: 1000 //轮播时长}) |
发布时间：2018-1-29 22:56
本插件呢，是因为要做一个轮播效果的东西。轮播的东西里面有图有文字，但是网上找了很多插件，都只是改变容器的宽度来实现3d效果。这样的话 只放图片还可以 但是里面的文字会出现超出或者其他的瑕疵 所以写了这个插件 用的是过度和css3变形来实现文字也缩放的效果 功能不全 只有上一个下一个 和点击那个那个变成最上方一个的效果
代码说明
1 2 3 4 5 6 7 8 9 | var zturns = new zturn({ id: "zturn", //容器的id opacity: 0.9, //透明度比例 width: 382, //单个轮播元素大小 Awidth: 1024, //整个轮播容器宽度 scale: 0.9 //缩放比例})zturns.next_() //下一张zturns.prev_() //上一张 |
这用这破插件还要自己定义这个 transition: all 0.5s; 自己想写在那里就写在那里吧 然后0.5这个当然就是时间了
大概就这点效果了 而且ie浏览器不兼容过度动画效果
class的话 这个是必要的 其他的看样式可以随便改 大概就是这样了 兼容ie实在是不会了 原本想用jq的animate做 这样应该就可以兼容ie了 但是这玩意又没法写scale这种属性 （好吧其实能写 只是感觉太麻烦了）
或者有没有大神能帮着看看我写的代码 求个能兼容ie的写法 新手小白 qiuwupen
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery+three.js雪花飘落动画效果
- 下一个特效： vue跳跳棋游戏(原创)