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天

知道了
江苏11选5 www.660607.com-分分彩注册网址| www.777694.com-三国梦想星彩无惨| www.855138.com-天天爱彩票提现| www.915082.com-福建体彩开奖官方网| www.969147.com-天天彩票网靠谱吗| www.pp88.com-凤凰彩票网是诈骗吗| www.x10.org-彩神5分快3赚钱吗| www.718218.com-彩庫寶典2015版| www.887930.com-cc彩球网国际平台| www.cp6128.com-彩票136-| www.634.cm-福彩网邀请码多少| www.15240.cc-比较稳的彩票客户端| www.98846.com-买彩票什么时候截止| www.137507.com-彩票注册送钱| www.a57.org-有职业彩民吗| www.873.live-网上彩票那个软件好| www.390510.com-跟计划买彩票靠谱吗| www.655000.com-小辣椒海南七星彩| www.819554.com-易中彩票网-| www.963384.com-手机彩票代购| www.ik3.com-体彩大乐透下期预测| www.sr24.com-足球体彩玩法介绍| www.51st.cc-瑞彩祥云是什么| www.62de.com-nba篮彩赔率分析| www.c22.vip-福彩三的和值表| www.42cz.com-七彩球开什么号码| www.576.in-360足彩竞彩下载| www.4658.net-买彩票是靠运气吗| www.18485.com-赛后及派彩-| www.974585.com-众彩幸运每一天登录| www.vg71.com-体彩怎么卖-| 鑫亿彩www.038079.com| www.7460.cn-哪里可以网上买彩票| www.95835.com-中国彩票的发行目的| www.48366.com-足球竞彩软件排行| www.032795.com-快三团队屠龙| www.157779.com-竞彩盈亏-| www.052741.com-网上购彩票-| www.163945.com-彩票大底-| www.237033.com-足球竞彩360| www.309732.com-山东体彩扑克玩法| www.369449.com-福建体彩聊天室现场| www.251627.com-亚洲彩票第一平台| www.70iu.com-福利彩票按-| www.16rw.com-体彩开奖号是什么号| www.119.cc-体育彩票专业手机版| www.7170.vip-808福彩下载安装| www.56405.com-彩吧骗局-| www.051296.com-彩票开奖走势图查询| www.223423.com-5oo万彩票网比分| www.356968.com-彩铅手绘图片美食| www.453408.com-熊猫彩电的倒闭| www.554013.com-熊猫时时彩官网| www.732159.com-南阳彩礼多少钱| www.853917.com-多彩彩网38116| www.965454.com-01彩票是合法的吗| www.lp76.com-彩经网app下载| www.14af.com-19cfcc彩富网| www.07jc.com-福彩3d理论返奖率| www.954067.com-欧盟好彩双爆| www.bx55.com-篮球博彩技巧| www.261981.com-河北27号快三开奖| www.942463.com-福彩三地开机号今天| 大赢家彩票网www.54400m.com| www.yn78.com-快三中奖率高| www.1215.cn-彩票汇app-| www.42581.com-广东体育彩票大乐透| www.983994.com-518彩登录-| www.qr00.com-福利彩票三十| www.74pg.com-利奥彩票骗局| www.3828.xyz-足彩专家推荐软件| www.23177.com-福彩双彩论坛讨论区| www.015917.com-彩票开奖查询软件| www.104618.com-好彩蓝莓爆珠香烟| www.186094.com-今日广西快三走势图| www.301825.com-贵州快三走势结果图| www.396136.com-4511l彩民高手| www.562323.com-彩吧网论坛首页| www.675826.com-福彩走势图三地| www.dj38.com-足球彩票玩法| www.753.in-博彩套利吧-| www.45941.com-安卓版大中华彩票| www.90499.cc-76彩票怎么样| www.38318.cc-内蒙时彩开奖| www.027753.com-易彩国际-| www.190162.com-北京体彩快十一选五| www.459822.com-高频彩票背后的猫腻| www.76bz.com-秒秒彩是-| www.sk2.com-快三开奖河南结果| www.391615.com-体彩5排列开奖号码| www.872295.com-乐彩网下载安装| www.039912.com-欧洲彩票开奖结果| www.57825.cc-彩票彩吧app| www.525505.com-模拟投注彩票app| www.825113.com-买彩票上瘾了怎么戒| www.533162.com-名人彩票平台登录页| www.730483.com-网络彩票代理返点| www.9378.in-7k彩-| www.006914.cc-彩票开将查询| www.113304.com-成都快三查询| www.327676.com-彩票开奖下载| www.271282.com-南粤风采好彩3| www.227872.com-今日福彩开奖结果| www.195932.com-安徽快三遗漏软件| www.981977.com-微彩吧合法吗| www.85ql.com-七乐彩三加一有钱么| www.764033.com-竞彩足球比分500| www.06sx.com-儿童创意彩铅画简单| www.2399.org-快三出长龙的走势图| www.61187.cc-cl李彩琳私照| www.8873.vip-河内五分彩是不是托| www.603768.com-3a彩票试机号今天| www.509766.com-博彩源码哪里有| www.7581.vip-大通彩票a-| www.540981.com-79彩票-| www.28fn.com-2019彩市休假| www.660347.com-体彩排列三直播| www.589909.com-百彩网免费资| www.693641.com-105彩票登录| www.857941.com-足彩比分推荐分析| www.nx32.com-竞彩足球500彩票| www.90vo.com-王者彩票团队计划| www.9692.me-香港大合的彩| www.026703.com-q彩网在哪里下载的| www.305908.com-福利彩下载-| www.447772.com-龙江福彩下载安装| www.333583.com-买东西送彩票| www.473763.com-什么彩票好中| www.645725.com-足彩博冷技巧| www.778410.com-彩乐网址是多少| www.870928.com-四亿彩票下载安装| www.965979.com-福彩快三的危害| www.606548.com-彩六封禁-| www.694770.com-竞彩误差分析| www.861939.com-体彩开奖公告开| www.854006.com-彩宝典2.6.0| www.922666.com-怎么下载天天中彩票| www.992923.com-湖北快三昨天走势图| www.288825.com-彩票推广术语大全| www.64513.com-害人的竞彩-| www.115451.com-500万彩票网直播| www.237329.com-嘉兴体育彩票| www.78218.com-优的体育彩票| www.108374.com-玩彩票怎么控制贪欲| www.288366.cc-甘肃快三助手| www.851850.com-秒开时时彩破解版| www.986500.com-中国体育竞猜彩票| www.dg67.com-瑞彩网app-| www.311318.com-惠民彩票怎么样| www.318631.com-365彩票平台| www.471194.com-彩票中奖推送| www.569652.com-重庆分分彩免费计划| www.1177.site-彩票店开业素材| www.89144.com-深圳开彩传媒| www.179901.com-内蒙古快三预测| www.670429.com-七星彩票开奖计划| www.766180.com-彩票风采网-| www.5582.site-飞艇彩票怎么玩法| www.019790.com-营业中福彩店急转| www.48dg.com-海南彩票梦册| www.632151.com-竞彩收米图-| www.69771.com-易彩网怎么下载| www.2831.shop-人人彩票app骗局| 中彩网www.91233x.com|