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.2098.pw-南京最新彩票应转让| www.29936.cc-福利彩票工具| www.88916.com-福彩3dapp预测| www.064464.com-乐迎彩票是真的吗| www.253080.com-篮彩app-| www.343618.com-网上彩票赚钱软件| www.444622.com-名人彩票-登录页面| www.551510.com-买快乐彩稳赚有吗| www.678528.com-下载旧版彩视| www.771628.com-时时彩腾龙做号计划| www.882341.com-256彩票官网| www.962915.com-彩色水磨石地面图片| 幸运彩票www.444627.com| www.lr84.com-彩票专家-| www.w92.cn-乐彩网三d玄机图| www.64nr.com-现在微信哪买彩票嘛| www.1776.net-开心七星彩手机版| www.17263.cc-cpt彩票通下载| www.67984.com-谁在九州彩票赢过钱| www.055369.com-极速快三有走势图| www.151817.com-福利三分彩开奖结果| www.254368.com-福彩快乐十分| www.336539.com-福彩字谜三字觉论坛| www.433666.cc-贵州彩民7000万| www.539419.com-彩票新零售的未来| www.667122.com-中国铁杆彩民大鱼号| www.755356.com-彩票网购还恢复吗| www.869386.com-够力七星彩规律图| www.949304.com-福彩三d八卦图查表| 华人彩票www.hr9888.com| www.fe06.com-北单足彩预测推荐| www.zp56.com-数字3福彩规则| www.36zi.com-福利彩app可靠吗| www.1958.tv-福彩专家双胆| www.8299.org-聚宝盆时时彩安卓版| www.36249.com-北京快三公交电话| www.86860.cc-广州鸣彩客服| www.052745.com-网易彩票江苏快3| www.193354.com-大发快三辅助软件| www.275944.com-七乐彩中奖对照图表| www.383680.com-彩世界下载安装| www.515112.com-河南商丘民权彩礼| www.596824.com-四亿彩票官方| www.678027.com-南方双彩网八仙过海| www.765287.com-福彩双色球查询| www.887963.com-推彩票的渠道| www.965840.com-c27彩票-| 彩天下www.196036.com| www.jj29.com-大发快三是真的吗| www.h56.net-古建彩绘教程| www.44oi.com-国彩跟单合买| www.983.date-七星彩推算公式| www.29698.com-易彩集团用户登录| www.77127.cc-体育彩票分析网站| www.031961.com-中国体育彩票开奖号| www.112228.com-彩票送28彩金大全| www.189461.com-江苏快三官网| www.267698.com-彩票这么玩-| www.417613.com-彩票实体店几点开门| www.528297.com-时时彩如何能开挂| www.632506.com-中国彩票软件下载| www.712677.com-齐鲁风采彩票不带0| www.796864.com-举报黑彩有奖励吗| www.877377.cc-明晚七乐彩预测号码| www.976557.com-运城结婚风俗彩礼| www.ef83.com-中国福建体育彩票网| www.xl23.com-鑫彩网能提现吗| www.20kl.com-阜阳彩票店代理| www.672.in-lol博彩app-| www.5030.vip-那个网站购彩安全| www.05111.com-彩票上的x-| www.52183.cc-高频彩赚钱大低| www.96839.cc-福彩3d模拟购买| www.062620.com-黑彩可以报案吗| www.201175.com-七星彩开奖走势图表| www.279593.com-时时彩盈利怎么判刑| www.380265.com-辽宁快三链接| www.505746.com-快三中奖多少返| www.579178.com-异世界蕾姆全彩本子| www.657169.com-福彩老虎机加盟| www.771636.com-腾龙时时彩缩水官网| www.859772.com-河内彩全天计划| www.927122.com-时时彩计划器| www.982881.com-体育彩票拖胆| www.cg90.com-分分快三能赢吗| www.ts97.com-福彩双色球下载苹果| www.07an.com-彩吧3d开机号今天| www.75le.com-七乐彩25号开奖| www.1590.vip-777彩票社区| www.04216.com-竞彩微信-| www.52202.com-跟团队买彩票靠谱吗| www.95823.cc-体育彩票面积| www.061360.com-我要去彩票站下载| www.181309.com-彩票投注app官方| www.254681.com-uu直播彩票破解| www.332362.com-有极速时时彩种吗| www.407012.com-七星彩奇偶大小分析| www.513233.com-爱购彩官方-| www.585097.com-手机版彩票都有哪些| www.659159.com-七星彩机选购买投注| www.811050.com-幸运彩票电脑版| www.882351.com-078彩票登录| 500彩票网www.65707t.com| www.ec77.com-248彩票app-| www.vi13.com-福彩10选5骗局| www.08eh.com-彩涂铝卷加工销售| www.79iv.com-小鹿彩票重庆时时彩| www.1666.cc-七乐彩5行6纵| www.09759.com-专业玩彩视频双色球| www.52779.com-黑彩输了几十万| www.97284.com-那个彩票软件好| www.058884.com-彩运快三怎么赚钱| www.222342.com-易彩快3的技巧| www.293973.com-江苏彩票网下载| www.365188.com-体彩31开奖走势图| www.451630.com-彩票十大信誉平台| www.540455.com-千禧体彩试机号| www.663308.com-私彩代理怎么做| www.733888.cc-福彩几天开一次奖| www.802725.com-8彩快三计划软件| www.876508.com-福彩3d独胆一个号| www.969375.com-酷彩吧中奖怎么领| PK彩票www.681968.com| www.hm87.com-时时彩定一胆方法| www.xv41.com-千万彩票领奖| www.16qv.com-彩票开奖结果一等奖| www.769.org-小六壬算彩票图解| www.4622.vip-一万买彩票-| www.9501.vip-上海彩钢屋面防水| www.60277.com-长春市双阳区黑彩| www.018759.com-彩票藏机图-| www.081104.com-有跟单的足彩app| www.138589.com-香港时时彩开奖查询| www.209398.com-app人人中彩票| www.277121.com-彩票秒开-| www.397849.com-体育彩票加盟店联系| www.526569.com-时时彩怎么做代理| www.7xn.com-中国足彩网比分直插| www.615652.com-中国体彩几位数| www.688004.com-福彩迷怎么样| www.762916.com-开彩票店前景| www.871794.com-利彩彩票-| www.948938.com-山东福彩论坛| 爱米彩www.am7588.com| www.br04.com-至尊彩-| www.tb82.com-中国彩票有哪些种类| www.28qb.com-腾迅彩票app| www.976.mobi-七星彩单式票五倍| www.7014.biz-体彩竞彩篮球玩法| www.16953.com-彩票条形码-| www.78139.com-3d彩票技术培训| www.026967.com-江苏快三和值奖金| www.098993.com-快三彩票怎么下载| www.148053.com-体育彩票25选5| www.306096.com-彩票折叠了不给兑奖| www.373925.com-福利彩票中几个数字| www.509653.com-神彩趋势软件手机版| www.577536.com-招彩票代理加盟| www.662439.com-福彩3d开门彩杀号| www.787788.com-彩客福彩-| www.861958.com-辽宁有快三吗| www.923478.com-怎么举报彩票店吃票| www.978038.com-富彩彩票是骗局吗| www.d62.online-福建体彩官方|