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天

知道了
彩01彩票 www.70719.com-体彩竞彩彩票怎么看| www.456103.com-福利彩票126期| www.21is.com-xy77幸运彩票| www.zg11.com-博彩一开始怎么推广| www.777299.com-排三乐彩网开奖| www.918613.cc-正规的彩票软件苹果| 网易彩票www.061wy.com| www.981452.com-彩票返点怎么算的| www.vv74.com-玩快三是什么游戏| www.336218.com-开彩-| www.477792.com-盈彩彩票app官网| www.426600.com-怎么举报福彩中心| www.880964.com-足球彩票开奖时间| www.579725.com-彩之云饭票是骗局吗| www.80fb.com-福彩3d的图谜| www.111356.com-淘宝彩票停售时间| www.rw87.com-中彩网正版资料| www.eq22.com-网上快三拉人| www.730682.com-新浪彩票网预测| www.877930.com-十亿彩票-| www.9946.biz-明天体彩开奖吗| www.374818.com-246天天妈彩| www.498853.com-彩票刷流水挣佣金| www.576475.com-唐山福彩-| www.664466.cc-动漫图片手绘彩铅画| www.790882.com-贵烟多彩图片| www.cp3899.com-福彩湖北快三| www.37816.cc-禁止网络彩票| www.88927.cc-签到送彩金彩票平台| www.428444.com-苏州体彩七位数| www.0058.top-福利彩票哪种容易中| www.368122.com-快三是怎么开奖的| www.576649.com-体彩排三式机号牛彩| www.910958.com-k彩是骗局-| www.fs22.com-北京极速快三助手| www.518352.com-安徽福彩app| www.48765.com-福彩3d和值尾| www.849552.com-竞彩足球app官方| www.948919.com-3d福利彩票查洵| 500万彩票www.35155s.com| www.ki45.com-中国足彩网英超| www.g70.org-全民彩彩票下载| www.tt77.cc-快易彩app-| www.58am.com-江苏七位休育彩票| www.di32.com-热门彩种下载| www.0007.cn-体彩图迷-| www.964802.com-体彩大乐透预测杀号| www.4628.vip-体彩竞球-| www.069085.com-彩神lx网站-| www.428.com-乐盈彩票进不去了| www.997043.com-海南北京快三群| www.845691.com-泰国11月彩票| www.7982.vip-线上博彩合法化国家| www.869871.com-福彩杀号牛材网| www.459389.com-双色球彩票机选号码| www.507.cc-彩吧vip快三| www.29mw.com-自助福利彩票机| www.5412.top-澳客网大发快三漏洞| www.471181.com-招财猫彩票计划| www.632470.com-中国彩票平台排行榜| www.795115.com-彩66888骗局| www.163811.com-机选彩票号码| www.99jj.com-五行八卦预测彩票| www.009079.com-159彩票网正规吗| www.139856.com-众彩中彩-| www.267371.com-十四场胜负彩| www.362388.com-雨后见彩虹励志句子| www.181700.com-500快三平台| www.327698.com-七星彩票开奖今晚| www.453668.com-爱乐透手机彩票网站| www.622530.com-彩钢卷多少钱一吨| www.731126.com-易彩快3预测| www.99mg.com-福彩3d杀码彩宝贝| www.0109.site-分分彩后二技巧视频| www.5843.cn-体彩排列三游戏规则| www.20700.com-幸运一分快三漏洞| www.gy04.com-广州鸣彩艺术诈骗| www.9db.cc-快三三同号最大遗漏| www.131939.com-福利彩票开奖结果福| www.522023.com-七乐彩现场摇奖| www.641244.com-体彩标志图案| www.720094.com-七星彩投注计算器| www.789682.com-六六红彩靠谱吗| www.875347.com-亚投彩票平台| www.949061.com-今晚福彩开奖号查询| 彩82www.c6127.com| www.74055.com-中国彩吧3d开奖号| www.605527.com-手机用彩膜好不好| www.674259.com-500高频彩票| www.736786.com-福彩3d乐彩论谈| www.797893.com-大发彩61源码| www.870678.com-王牌彩票合法吗| www.927881.com-体育彩票可信度| www.974835.com-胜负彩即时比分直播| www.it19.com-中国体彩官网app| www.99732.cc-香港体育彩票| www.635010.com-银川七彩艺校好不好| www.725383.com-台湾福星彩玄机料| www.6588.me-彩16可靠吗-| www.28762.com-天彩翼飞-| www.621923.com-九彩本源至尊圣尊| www.010482.com-大奖彩票登陆| www.716793.com-星空樱花树彩铅画| www.814945.com-球彩体育-| www.922260.com-365彩票提现不了| www.998143.com-福彩pk10下载| www.nj80.com-篮球竞彩app| www.41rz.com-首页一竞彩网| www.734211.com-福彩体彩走势图下载| www.813406.com-粤淘彩票-| www.906966.com-全发彩票彩种| www.966703.com-快3彩票大小单双句| 华彩www.71399i.com| www.195039.com-重庆老时彩走势图| www.58761.cc-福彩会员积分卡| www.857288.com-极速赛车福彩| www.704533.com-海南七星彩私彩网投| www.319673.com-彩票专家人工计划| www.591702.com-混合竞彩计算器| www.698927.com-华夏彩下载-| www.094599.com-pc蛋蛋彩票骗局| www.306636.com-澳发彩票网址| www.454452.com-苹果酷彩吧下载| www.541411.com-亚洲五分彩是真的吗| www.609403.com-甘肃彩票双色球开奖| www.685269.com-下载三d彩票| www.774052.com-浙江快乐十二爱彩乐| www.848520.com-c61彩票官方网站| www.897531.com-竞彩兑奖地点| www.962517.com-富贵彩票网人工计划| 好彩www.60123j.com| www.50qa.com-玩时彩把赢的钱输了| www.1334.vip-好彩彩票与你同行| www.06669.com-体彩新彩预测| www.078860.com-七星彩但杀-| www.139500.com-彩票16官网-| www.207495.com-彩票软件大全双色球| www.285676.com-418彩票-| www.561130.com-百姓彩坛心水三区| www.615970.com-北京速开彩是个骗局| www.69246.com-竞彩足球9场| www.065806.com-必赢彩票不能提现| www.173251.com-江苏快三网络投注| www.yt82.com-人人中彩票平台官网| www.44mg.com-足彩3串4怎么买| www.600.cm-92彩票app下载| www.497606.com-神龙彩票官方网站| www.926316.com-七乐彩双期走势图| www.992046.com-福利彩复式怎样玩法| www.jn19.com-信誉好的大平台彩票| www.s52.club-快乐彩江苏快3| www.97sf.com-竞彩票-| www.722111.cc-彩票近30期开奖图| www.867356.com-福利彩票几点停卖| www.931619.com-彩票老师带骗局吗| www.25599.cc-彩票断组什么意思| www.997642.com-时时彩职业玩家心得| www.qy52.com-福利彩票11选5| www.1044.pw-辽宁11选五爱彩乐| www.554705.com-彩票回补什么意思| www.96100.cc-中福彩机构组成| www.gt13.com-广东好彩1开奖号码| www.f94.cc-在外国买彩票中奖| www.5780.vip-渐江福彩-|