jQuery 3d轮播图(原创)

jQuery 3d轮播图(原创)


 

更新时间:2018/4/20 下午4:10:31

更新说明:拖了好久 今天终于想起来了 然后补上了自动轮播

  1. var aa = new zturn({  
  2.     id: "zturn"//id  
  3.     opacity: 0.9, //透明度  
  4.     width: 382, //元素宽度  
  5.     Awidth: 1024, //轮播盒子全部宽度  
  6.     scale: 0.9, //元素缩放比例  
  7.     auto: true//是否轮播 默认5000  
  8.     turning: 1000 //轮播时长  
  9. })  

发布时间:2018-1-29 22:56

本插件呢,是因为要做一个轮播效果的东西。轮播的东西里面有图有文字,但是网上找了很多插件,都只是改变容器的宽度来实现3d效果。这样的话 只放图片还可以 但是里面的文字会出现超出或者其他的瑕疵  所以写了这个插件 用的是过度和css3变形来实现文字也缩放的效果 功能不全 只有上一个下一个 和点击那个那个变成最上方一个的效果

代码说明

  1. var zturns = new zturn({  
  2.     id: "zturn"//容器的id  
  3.     opacity: 0.9, //透明度比例  
  4.     width: 382, //单个轮播元素大小  
  5.     Awidth: 1024, //整个轮播容器宽度  
  6.     scale: 0.9 //缩放比例  
  7. })  
  8. zturns.next_() //下一张  
  9. zturns.prev_() //上一张  

这用这破插件还要自己定义这个 transition: all 0.5s; 自己想写在那里就写在那里吧 然后0.5这个当然就是时间了

大概就这点效果了 而且ie浏览器不兼容过度动画效果

class的话 这个是必要的 其他的看样式可以随便改  大概就是这样了 兼容ie实在是不会了 原本想用jq的animate做 这样应该就可以兼容ie了 但是这玩意又没法写scale这种属性 (好吧其实能写 只是感觉太麻烦了)

或者有没有大神能帮着看看我写的代码 求个能兼容ie的写法 新手小白 qiuwupen

资源下载资源下载价格1立即购买    升级VIP后免费

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有M币奖励和额外收入!

模板下载吧 网页特效 jQuery 3d轮播图(原创) https://www.mbxzb.com/web/jquery/14020.html

从明天起,做一个幸福的人,喂马、劈柴、周游世界…

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

评论
暂无评论
点击按钮快速添加回复内容: 支持 高兴 激动 给力 加油 苦寻 生气 回帖 路过 威武 友军 顶贴
官方客服团队

为您解决烦忧 - 24小时在线 专业服务