QQ客服
当前位置 : 首页 > 代码 > html5 css3 > html5实例 > html5全屏3D旋转图片幻灯片

html5全屏3D旋转图片幻灯片

这是一款jQuery响应式全屏3D旋转图片切换。该特效使用GSAP的TweenMax库和TimelineMax库来制作,实现图片的3D缩放和立方体旋转幻灯片切换效果。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="assets/css/demo.css" />

2、head引入js文件

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>

3、body引入HTML代码

<!-- coidea:loader START -->
<div class="loader">
  <div class="lds-ripple">
	<div></div>
	<div></div>
  </div>
</div>
<!-- coidea:loader END -->


<!-- coidea:slideshow:navigation START -->
<nav id="nav">
  <button id="prev" class="nav-item" data-increment="-1">
	<img src="assets/img/icon-prev.png" alt="prev" />      </button>
  <button id="next" class="nav-item" data-increment="1">
	<img src="assets/img/icon-next.png" alt="next" />      </button>
</nav>
<!-- coidea:slideshow:navigation END -->

<!-- coidea:slideshow START -->
<section class="coidea-3d-carousel">
  <div class="stage">
	
	<!-- coidea:slideshow:item START -->
	<div class="item">
	  <div class="bcg" style="background-image: url(assets/img/img-1.jpeg);"></div>
	  <div class="content">
		<div class="description">
		  <p class="description-target">1483 - 1843</p>
		</div>
		<div class="headline">
		  <h2 class="headline-target">Dream big</h2>
		</div>
		<div class="discover-more">
		  <a href="#" class="discover-more-target">Discover More</a>            </div>
	  </div>
	</div>
	<!-- coidea:slideshow:item END -->

	<!-- coidea:slideshow:item START -->
	<div class="item">
	  <div class="bcg" style="background-image: url(assets/img/img-2.jpeg);"></div>
	  <div class="content">
		<div class="description">
		  <p class="description-target">1723 - 1798</p>
		</div>
		<div class="headline">
		  <h2 class="headline-target">Pray bigger</h2>
		</div>
		<div class="discover-more">
		  <a href="#" class="discover-more-target">Discover More</a>            </div>
	  </div>
	</div>
	<!-- coidea:slideshow:item END -->

	<!-- coidea:slideshow:item START -->
	<div class="item">
	  <div class="bcg" style="background-image: url(assets/img/img-3.jpeg);"></div>
	  <div class="content">
		<div class="description">
		  <p class="description-target">1845 - 1853</p>
		</div>
		<div class="headline">
		  <h2 class="headline-target">Keep going</h2>
		</div>
		<div class="discover-more">
		  <a href="#" class="discover-more-target">Discover More</a>            </div>
	  </div>
	</div>
	<!-- coidea:slideshow:item END -->

  </div>
</section>
<!-- coidea:slideshow END -->

<script src="assets/js/TweenMax.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/demo.js"></script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
时时彩宝典 www.893063.com-时时彩缩水网页二星| 亿彩彩票www.yic9.com| www.ij79.com-福彩3dqq群-| www.j44.cn-玩彩票快乐十分心德| www.52jc.com-足彩欧赔选择口诀| www.0769.live-彩票双色球杀号定胆| www.17691.com-老快三遗漏360| www.67834.com-北京快中彩软件| www.051513.com-高频彩怎么买才赚钱| www.143594.com-彩票模拟摇奖器下截| www.230160.com-财神彩票合法吗| www.315026.com-快三官网开奖号码| www.395603.com-彩票周六周日开什么| www.561728.com-快三豹子单注多少钱| www.642877.com-下载手机彩票| www.752533.com-网上彩票兼职是真的| www.839804.com-pc购彩-| www.900751.com-福彩排列期开奖| www.965382.com-快三444-| 天下彩www.403770.com| www.ka12.com-快三和值中奖金额| www.m91.net-十大黑彩-| www.52vv.com-瑞彩祥云是真的吗| www.1081.vip-快乐彩十二选五开奖| www.07775.cc-中彩的那天-| www.55376.cc-时时彩代理犯法吗| www.005916.com-中国福彩快3平台| www.085092.com-苹果购彩软件下载| www.160741.com-双色球筱杉众彩网| www.299545.com-三分时彩下载| www.376958.com-彩票源码的行业前景| www.518111.com-福利彩票开奖事件| www.595500.com-虎扑篮彩讨论区| www.673556.com-加强彩票市场通知| www.758902.com-彩薇花化妆品公司| www.874394.com-大马彩多多万能成绩| www.969227.com-谦喜彩票网址| www.ce30.com-快三亏-| www.va21.com-49彩票下载安装| www.46vf.com-卓易彩票违法吗| www.0641.net-cc彩球网是真的吗| www.9127.online七乐彩往期开奖数据| www.52219.cc-福彩复式价格表| www.99481.com-河南商丘柘城彩礼| www.071219.com-108彩票官网登录| www.141344.com-凤彩字谜-| www.221803.com-手机彩票破解方法| www.300652.com-人人中彩票打不开| www.374720.com-牛彩藏机字画诗谜| www.616226.com-穹银靡肆虐彩鳞| www.691776.com-足球14场彩票| www.773586.com-时时彩开奖最快软件| www.882707.com-河南彩礼排行榜| www.966009.com-快三个位计算公式| 博汇www.862810.com| www.ka70.com-快三和值表下载| www.h43.net-看一下彩票结果| www.40gz.com-彩礼超两万-| www.1479.cm-精彩中国艺术与文化| www.8236.top-快江苏快3快彩乐| www.31189.cc-第一彩票cc-| www.75858.com-彩票站兑奖额度| www.027533.com-高频彩正规吗| www.105109.com-黑龙江福彩36| www.175295.com-百姓彩票官方网站| www.316631.com-新浪彩票客户端| www.388146.com-北京回华彩置集团| www.523160.com-92彩票app下载| www.608156.com-免费送彩金体验金| www.678950.com-售彩app-| www.762453.com-旭彩美缝剂官网| www.874906.com-官网竞彩258下载| www.949808.com-网上赚钱的门路彩票| www.995875.com-80彩票合法吗| www.gp5.cc-快三分解动作| www.or40.com-优彩彩票靠谱吗| www.13.vip-快三开奖福彩| www.67au.com-买彩票用哪个软件好| www.0786.cn-足球竞彩讨论论坛| www.8962.vip-肥城体彩600万| www.44969.com-彩票刷流水什么意思| www.89775.cc-年会彩票平分评论| www.048884.com-福彩3d银海布衣图| www.151070.com-福彩双色球四幻球| www.237634.com-福建体体彩官方网| www.313673.com-足球竞彩网计算机| www.383076.com-19040体彩-| www.523906.com-娱乐平台圣地彩| www.607188.com-彩票截止到几点| www.677843.com-彩票装修-| www.753279.com-中彩吧五分彩可信吗| www.861913.com-合肥体彩店费用标准| www.927038.com-彩票达人三五个尾巴| www.981751.com-大成彩网是真的吗| www.hw89.com-福彩快乐十分走试图| www.ys54.com-山东彩票中奖| www.21ng.com-高频彩技巧心得| www.510.cc-时时彩听说停售是吗| www.4200.vip-七彩股份-| www.9363.cm-东营福利彩票中心| www.58785.cc-掌上中彩苹果版| www.015292.com-七星彩杀号澳客网| www.082843.com-浙江恒旺快三| www.142656.com-广州福彩站主登录| www.216206.com-七星彩彩票网站源码| www.284997.com-生病彩票-| www.410789.com-足彩赔率怎么算奖金| www.513156.com-一个叫淘彩票的平台| www.608350.com-实力彩票平台大全| www.685373.com-福彩3d组三计划| www.759672.com-11选5官方彩票网| www.935331.com-手机彩票77-| www.984864.com-彩票网站如何风控| www.wx0.com-3d乐彩论坛-| www.po23.com-福彩3d模拟-| www.7ye.com-彩票中奖离婚事件| www.62rl.com-ff14彩票周六| www.0059.top-彩票什么种类| www.7556.org-3d众彩网-| www.21333.com-谁有七天彩邀请码| www.60051.cc-微彩社交app| www.026914.com-8号彩票兼职真的吗| www.097277.com-福彩3d彩报今天| www.156826.com-全天五分彩玩法骗局| www.891737.com-九彩凤凰与弓的传变| www.7606.vip-新浪爱彩怎么下载| www.776417.com-福彩3d结果今天| www.267.website福彩快3怎么买| www.3228.in-悟空彩票ios| www.8279.biz-久久彩票彩-| www.19427.com-2018免费彩金| www.57894.com-牛彩纽约是正规吗| www.033996.com-新快三遗漏数据| www.116575.com-网友劝说买彩票| www.179609.com-保定快三开奖| www.239823.com-王者彩票app| www.306543.com-澳发彩票官网| www.367317.com-大片樱花树彩铅画| www.447429.com-大吉大利彩票玩法| www.530738.com-电视怎么调彩呀| www.668415.com-马来西亚博彩业现状| www.733793.com-福彩多久开奖一次| www.797036.com-福彩3d今天试杌号| www.863357.com-彩票19029-| www.917159.com-用彩铅画星空| www.964165.com-彩乐乐杀号3d| 华彩www.71399n.com| www.cc82.cc-快三究竟能不能赚钱| www.rk31.com-瓷母各种釉彩大瓶| www.08ri.com-七星彩中奖神器| www.67lj.com-爱乐透彩票旧版| www.0125.org-彩票旗舰网合买中心| www.7287.in-ig官方彩-| www.15601.com-零基础学彩铅风景画| www.52036.com-爱乐彩11选五遗漏| www.88277.com-复式彩票机选一组| www.031280.com-爱乐彩彩票网| www.096694.com-鑫彩网彩票平台| www.151608.com-下载彩票软件可靠吗| www.292508.com-8k彩票app-| www.355872.com-分分彩是哪个平台的| www.421300.cc-足彩金手指电子版| www.508115.com-彩票计划表-| www.567307.com-江苏省体彩开奖结果|