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.901434.com-五福彩是不是骗局| 众发彩票www.979zf.com| www.565596.com-福彩中奖怎么派奖| www.1260.org-大华彩票网址| www.50808.cc-老808彩票-| www.142214.com-外国彩票软件下载| www.347043.com-靠谱的足彩推手| www.502761.com-什么是多彩投众筹| www.910415.com-彩票聊天室平台计划| www.xs2.cc-湖北福彩3d走势| www.040.hk-时时彩出号规律破解| www.617833.com-订婚时候给彩礼钱么| www.075566.com-购彩lll软件| www.473838.com-有谁彩票中过大奖| www.629796.com-三位数字彩票怎么买| www.111004.com-福彩3d正版藏机诗| www.07vl.com-彩铅画动物-| www.902395.com-福彩3d玩黑彩方法| www.151915.com-南京彩票店转让| www.308219.com-安徽福利彩票计算器| www.067620.com-网上买彩票总是输| www.680744.com-如何购买江苏快三| www.869535.com-808南国彩票论坛| www.610331.com-8彩票平台-| www.663748.com-体彩篮球预测| www.745540.com-免费下载天天中彩票| www.855914.com-吉祥彩票网-| www.925061.com-彩票中奖人被杀| 博乐彩票www.35918p.com| www.614914.com-鸿运彩票网真假| www.727678.com-天行健福彩专家| www.799320.com-大钱庄彩票下载| www.873270.com-中彩网官网app| www.943458.com-重庆体彩网官网| 天天彩票www.106096.com| www.17417.com-足彩比分玩法规则| www.324319.com-中国福利彩票鲍学全| www.411422.cc-彩票做假开球视频| www.559556.com-福彩3d杀号定zx| www.644622.com-新浪足彩伤停| www.071258.com-北京招聘足彩分析师| www.235819.com-5分快三免费计划| www.350121.com-浙江卢某大复式彩票| www.449697.com-hao彩票开奖| www.549292.com-锋彩直播tv官网| www.523867.com-时时彩害了我全家| www.884759.com-鸿彩主播火火| www.015845.com-体彩山东扑克牌玩法| www.110685.com-春节后福彩几号开售| www.189924.com-安徽快三开奖源| www.j38.com-青海省福彩-| www.26783.cc-彩票几点买号| www.26296.cc-彩吧论坛下载安装| www.239773.com-苏州快三基本走势图| www.355523.com-广东快乐十分彩经网| www.908124.com-七星彩大奖梦册| www.fk00.com-福彩端是真的假的| www.538870.com-乐宝彩票能提现吗| www.619650.com-定胆王彩票分析软件| www.696544.com-新浪爱彩足彩资料库| www.788235.com-足彩凯利指数怎么看| www.860085.com-湖北快三一牛| www.928839.com-海南七星彩至尊长条| www.980167.com-彩59彩票下载| www.cp8282.com-快三精准计划| www.ly82.com-彩之家彩票-| www.e45.club-福彩3d好123| www.947564.com-中国彩票最不可信| 梦想彩票www.33112g.com| www.238062.com-发彩网快三-| www.354376.com-福彩新彩网手| www.183400.com-内蒙快三开奖一定牛| www.896488.com-广西彩票未领奖| www.113924.com-体育彩票360| www.626811.com-欧洲彩票开奖号码| www.789566.com-竞彩什么情况出平局| www.33760.com-四川体彩快乐12| www.017291.com-鼎盛彩票黑平台| www.139241.com-彩票软件送体验金| www.6863.top-浙江体彩飞鱼分析| www.577573.com-凤凰公益彩是什么| www.659113.com-2元3d彩票网开奖| www.731779.com-8k彩票真实吗| www.b54.cc-火箭彩票安卓| www.754022.com-送彩金28-| www.833935.com-体育彩票模拟选号器| www.695494.com-三六零竞彩比分直播| www.483592.com-亿彩投注网址| 超级彩票www.566011.com| www.lq98.com-快三号码组合图| 500彩票www.50052u.com| www.467862.com-体彩被停机了怎么办| www.750809.com-搜索hk百彩网| www.98be.com-888彩票是黑彩吗| www.257843.com-彩票软件手机破解版| www.582170.com-彩879彩票app| www.665809.com-七乐彩一等奖中奖地| www.743011.com-福星中彩与你同行| www.815636.com-福彩排三今天开奖| www.882341.com-256彩票官网| www.954674.com-彩票77安卓版下载| www.998155.com-玩彩网最新app| www.bt57.com-苏州快三玩法| www.29332.com-易彩网字谜手机版| www.74949.com-统一彩票是真是假| www.570680.com-七彩应用商店苹果版| www.903959.com-彩票游戏出租| www.977642.com-世界杯足彩盘口| www.cai36.cc-快三是什么意思| www.39231.com-好乐多彩票下载安装| www.93813.cc-足彩胜负彩分析| www.8747.biz-腾讯分分彩开奖| www.6ok.com-彩票怎么计算概率| www.247108.com-新浪彩票官网首页| www.629231.com-85彩票官方网| www.733744.com-篮球体彩开奖时间| www.797748.com-中国福利彩票创始人| www.885521.com-彩票大赢三走势图| www.969256.com-天天彩票提现不到账| 600彩票www.336766.com| www.476632.com-六福在线彩票| www.117.site-体育彩票几天过期| www.0546.hk-体彩排列三图纸| www.101557.com-360竞彩比分| www.465359.com-今天彩票快餐| www.689538.com-彩票能回血吗| www.nm0.com-江苏快三选号助手| www.un36.com-彩宝app是骗局吗| www.512238.com-古风彩铅灯笼| www.721444.com-青海快三走势今天| www.848768.com-彩光嫩肤仪价格| www.942205.com-体彩6-| www.cai0100.com快三下载官方网站| www.858599.com-幸运快三软件下载| www.939224.com-网易足彩比分直播| www.994865.com-重庆实时彩开奖视频| www.fj16.com-快三返点是什么意思| www.md03.com-免费下载中彩网| www.ij70.com-3d彩票之家-| www.70gd.com-678彩票下载安装| www.01oj.com-快三第一门户官方网| www.997840.com-彩神软件安卓| www.cp1106.com-北京快三计划网页版| www.984624.com-彩虹网彩票靠谱吗| www.716247.com-彩铅苹果画法| www.817819.com-体育彩开奖结果| www.911312.com-k彩彩票二维码下载| www.987661.com-谁有官方购彩软件| www.fk10.com-贵州省福彩官网| www.384434.com-黑彩网站不出款套路| www.453175.com-2018体彩销售额| www.264040.com-手机上买彩票犯法吗| www.533215.com-星彩网站是多少| www.789036.com-澳洲f1赛车彩票| www.928499.com-今晚福彩快开奖结果| www.2141.net-福彩三地今天黑圣手| 天天彩票www.106395.com| www.745686.com-福彩96590-| www.85628.com-网络彩票代理平台| www.528770.com-儿童彩虹画图片大全| www.023553.com-今日彩票指南报纸| www.173297.com-吉林快三害死人| www.017.org-福彩3d胆码彩宝贝| www.83057.com-彩票翻倍几倍翻|