您好！欢迎来到模板下载吧！本站资源24小时自动发货，请放心选购，一次付费，终身下载，售后请提交工单！
提交工单 快速入门 在线PS 发布资源赚 站长工具箱 领取优惠券荐

模板下载吧

模板下载吧 五周年

jQuery 3d轮播图(原创)

半岛未凉 2019-03-28 网页特效 - 网页素材 1729 已收录

images

 

更新时间：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后免费
温馨提示：本文最后更新于2019年10月31日，已超过 2 年没有更新，如果文章内容或图片资源失效，请留言反馈，模板下载吧会及时处理，谢谢！
支付1元下载 [VIP免费] 查看演示 加入收藏
阿里云

上一篇:

下一篇:

jQuery 3d轮播图(原创)：等您坐沙发呢！
大牛，别默默的看了，快来点评一下吧！:)。

您必须登录后才能发表评论哦！:)

站内登录 QQ登录 微博登录
wordpress自适应高级图片shejigh主题

相关推荐

Hi, 如果你对这款模板有疑问，可以跟我联系哦！

联系作者

模板下载吧，累计帮助1000+用户成功建站，为草根创业提供助力！

立刻开启你的建站之旅
  • 微信公众号
  • 模板下载吧
  • 官方QQ群
  • 模版下载吧（群1）
  • 模版下载吧（群2）
  • 模版下载吧（群3）

模板下载吧精品模板

周一至周五 9:00-23:00
（其他时间勿扰）

在线咨询
Copyright ©2014-2020 模板下载吧 阿里云 本站安全防护由创宇云安全提供。
-查询167 耗时0.474 内存 34.82MB
商务合作: vip#mbxzb.com(#换成@)
现在加入模板下载吧，注册一个账号 或
账号登录
QQ登录
';

  • 模板下载吧拥有海量网站模板及源码，站长亲测干净无后门。

  • 注册即能下载免费模板栏目资源，帮您更快的完成网站建设。

  • 每日更新模板资源，每日精品推荐，及时获取最新模板资源流行去向。

  • 完美的售后服务，帮助草根站长、企业等成功建站。

  • 将您最爱的资源收藏，建立自己的资源库，并与朋友分享。