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天

知道了
百盈PK10 www.fv41.com-国家合法的五分快三| www.09xe.com-彩8官网下载| www.505381.com-博彩彩票网站| www.616704.com-199期彩吧图库| www.706803.cc-博众时时彩论坛| www.791688.com-新加坡乐合彩| www.879022.com-玩时时彩买单双技巧| www.992916.com-快三开奖走势图图片| www.aj70.com-彩票开奖大全app| www.292913.com-福彩3d胆拖金额| www.742.in-重庆彩票有哪些彩| www.9694.cm-做梦梦到彩票中奖| www.99453.com-体育彩票7位数玩法| www.064904.com-永盛国际彩票骗局| www.139452.com-河北福彩下载安装| www.237494.com-辽宁福利彩票网| www.318552.com-500·彩票-| www.386301.com-彩票编辑程序| www.503917.com-火星彩票app下载| www.22950.com-彩票亿元大奖新闻| www.92262.cc-好彩一开什么号码| www.082505.com-众信彩票官网| www.172857.com-福彩5d开奖走势图| www.253469.com-快三可以复式吗| www.24ke.com-手机背板彩膜| www.0514.mobi-体彩江苏七位数玩法| www.19838.cc-私彩能报警吗| www.79212.com-搜索3d彩报图| www.931916.com-彩票数字密码| 500彩票网www.657505.com| www.mv49.com-网易手游彩票| www.94737.com-福利彩票排名| www.060771.com-附近体彩销售点| www.131270.com-开封订婚和结婚彩礼| www.226339.com-河北省福彩排列五| www.316860.com-彩票6000万无人| www.386344.com-福彩真实的谎言| www.522099.com-体彩授权自动售彩机| www.592633.com-模拟彩票摇号器| www.666415.com-篮彩稳赚不赔的买法| www.739774.com-凤凰快三-| www.811209.com-中国体彩排列3| www.882297.com-中福快三彩票平台| www.fg51.com-快三人工计划软件| www.039974.com-六彩票今晚开码多少| www.184702.com-福彩快3走势图上海| www.54007.com-派彩电子走势图代理| www.020934.com-快三有人控制| www.125250.com-444彩票app-| www.225505.com-单机新快三下载| www.296439.com-福彩开机号-| www.371387.com-中国足彩馆踩踏论坛| www.489860.com-2345彩票导师| www.576643.com-大发快三大神玩法| www.686600.com-五百彩下载-| www.810929.com-彩票走势规律| www.yt09.com-安徽快3彩票| www.1098.com-邯郸彩票有人中奖| www.9316.com-吉祥颜彩和凤凰颜彩| www.44107.com-福彩3d中奖票样图| www.91110.com-福彩3d全图总汇八| www.105346.com-8亿彩下载app| www.217369.com-快彩app下载| www.327184.com-万彩吧app苹果版| www.038956.com-大将军网投彩票| www.183829.com-河南快三中奖规则| www.255525.com-彩票有几位数组成| www.345421.com-福彩6十1中奖表格| www.00nr.com-9万彩票官网苹果| www.78ag.com-中国足球竞彩返奖低| www.3688.link-彩色复印机租赁上海| www.35703.com-乐八彩-| www.79258.com-重庆寸时彩开奖视频| www.033523.com-王者彩票有托| www.128719.com-福彩刮刮乐音频下载| www.234749.com-足彩竞彩网站| www.339006.com-博友彩票是骗人的吗| www.412612.com-福彩3d猜2d规则| www.514931.com-七星彩连续3个号码| www.579260.com-福建体彩直播开奖| www.75475.com-玩福彩快三输钱| www.028647.com-排列三乐彩网断组| www.169272.com-快三走势-| www.297827.com-河南快三统计图表| www.383365.com-彩票做号技巧| www.822806.com-篮彩加时算吗| www.936080.com-博彩漏洞套利违法吗| 乐彩网www.515848.com| www.pz81.com-天津时时彩开奖网址| www.84wv.com-时时彩倍投方案| www.8134.cc-福彩3d类型-| www.36065.com-苹果彩票导航线路| www.87812.cc-彩票里砍了是啥意思| www.95wv.com-彩友多怎么关注店铺| www.82345.com-新彩票走势下载| www.050180.com-福彩3d玩黑彩方法| www.129818.com-彩民彩票中大奖| www.172664.com-内蒙古快三开奖结| www.297802.com-快三倍数表-| www.373725.com-好彩香烟爆珠蓝莓味| www.490052.com-福彩3d中奖率| www.636698.com-儿童彩虹绘画图片| www.738028.com-中彩神被偷计算器| www.815542.com-搜狐彩票是正规的吗| www.028332.com-彩之王邀请码| www.113447.com-下载中国体育彩票网| www.181689.com-快来彩12选5玩法| www.247914.com-爱彩乐福建十一选五| www.316658.com-手机下载新浪爱彩| www.383330.com-七星彩第19028| www.533686.com-买彩票中奖电影| www.666351.com-众彩彩票靠谱吗| www.734777.com-新浪足彩老版| www.799383.com-福利彩票一体机图片| www.862300.cc-体彩加盟电话号码| www.918922.com-国际博彩评级| www.968384.com-英国时时彩资讯网| www.iy39.com-中国福彩开奖号码| www.zc15.cc-甘肃福利彩票网| www.16jx.com-七星彩彩版互换区| www.95uq.com-需要申请自动送彩金| www.2336.org-时时彩中奖号| www.8134.org-梦见中奖的彩票号| www.22405.com-极速快三输了好多钱| www.60217.com-吉林快三黑彩的技巧| www.99432.com-官方彩票购买软件| www.057966.com-乐彩1分快3规律| www.119160.com-山东福彩中心电话| www.020741.com-福彩新基诺-| www.129772.com-特区七星彩-| www.188436.com-安徽快三真是害人| www.254494.com-好运彩票平台可靠吗| www.0429.in-彩票作弊器真的假的| www.9687.com-11万彩礼寓意| www.438100.com-博友彩网页登陆| www.827163.com-怎么辨别真假彩票站| www.894067.com-网投彩票网址| www.954746.com-计划快三软件| www.997426.com-海南七星彩梦册| www.bz85.com-湖北快三坑人| www.sq81.com-双色彩票指南电子版| www.31xp.com-温岭彩虹小镇| www.705874.com-彩发发app-| www.787774.com-彩宝网手机版下载| www.887965.com-推广彩票犯法吗| www.982135.com-3d彩票选号神器| www.c25.xyz-江苏快三29号开奖| www.79qs.com-陕西西安福彩机转让| www.1413.in-重庆十字彩怎么压| www.9662.pw-列三杀号定胆彩经网| www.44162.com-大乐透彩票票花详解| www.006447.com-海南七星彩南国论坛| www.106812.com-瑞彩祥云官方下载| www.173871.com-新快三游戏-| www.258281.com-广西福利彩票开奖| www.817173.com-杭州快三查询| www.889130.com-彩店宝下载不了| www.961143.com-云南昆明快三| www.uu5.cc-彩票高手-| www.wv19.com-电子游艺送彩金| www.107147.com-博大彩票官网下载| www.176272.com-至尊快三网-| www.253103.com-256手机彩票下载| www.220097.com-快三杀号免费软件|