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.307199.com-下一个贵州快三| www.538697.com-淼鑫彩票网手机版| www.127123.com-唯美彩铅画图片花卉| www.51du.com-足彩10转9软件| www.2352.biz-3cp上彩票app| www.2501.vip-足彩投注app| www.091939.com-京彩彩票安全吗| www.188126.com-快三分解动作| www.9379.win-福彩三地太阳红谜语| www.357028.com-接手彩票店需多少钱| www.003254.com-怎么开彩票店| www.107031.com-093彩票下载软件| www.219162.com-福建福彩网15选5| www.691608.com-彩票一一-| www.8362.xyz-福星彩票app| www.157456.com-彩票之家官方| www.321962.com-最准彩票预测软件| www.438888.cc-500彩票网的代理| www.558363.cc-初中彩铅画-| www.641871.com-一张普通彩票的尺寸| www.869016.com-七星彩2的对数是| www.025492.com-购彩网正规吗| www.161695.com-香港三色彩票| www.468802.com-福利彩票刮刮乐秘诀| www.591890.com-彩票中奖学问| www.697606.com-彩民日历-| www.807938.com-福彩3d路数走势图| www.922535.com-红8彩票app-| www.cai1922.com时时彩5星走势图| www.329609.com-深圳福彩网站大全| www.305411.com-买彩票最佳时辰| www.534258.com-七乐彩网上能购买吗| www.04ia.com-苹果彩票一我的账户| www.327676.com-彩票开奖下载| www.560685.com-福彩三d九宫选号图| www.736065.com-无极彩票平台app| www.68289.cc-共享彩票百盈快三| www.91742.com-手机体彩刮刮乐软件| www.48kc.com-下载新浪足彩| www.533447.com-最简单的彩票是什么| www.89299.cc-查彩票下什软件| www.206108.com-五分彩是骗局吗| www.409375.com-鸿发彩票网app| www.0509.org-福彩网快三怎么样| www.058850.com-爱投云彩下载| www.154875.com-河北快三出球顺序| www.237447.com-福彩开奖号码查询| www.162290.com-下彩网app安卓板| www.309191.com-福彩新3d-| www.400579.com-海南七星彩查梦册| www.aw3.com-湖北今天快三推荐| www.c44.live-福彩图迷新彩网| www.76lf.com-七乐彩停止销售时间| www.7543.vip-富人人彩票app| 好彩头www.51331j.com| www.0958.cc-联众彩票网-| www.9080.club-福彩3o选7开奖| www.521552.com-有赢彩票邀请码| www.870940.com-体彩6+1中奖规则| www.585060.com-苏州吴中彩票店转让| www.664277.com-赢彩王下载-| www.738156.com-金彩网一分快3攻略| www.810113.com-好彩堂资料中心| www.881708.com-500彩票包赔任务| www.735553.com-体彩扑克三-| www.wg86.com-彩29-| www.wp02.com-中彩网开奖查询| www.33uq.com-今晚七星彩票七星彩| www.1964.tv-大地彩票骗局| www.671253.com-快乐彩任三预测号码| www.788544.com-彩礼一般包括什么| www.587157.com-山东体彩客服电话| www.693157.com-购彩软件哪个好| www.931168.com-体彩和值表-| 福彩www.26878g.com| www.470870.com-台湾5分彩网站| www.602031.com-重庆彩票中奖新闻| www.4688.cc-双色球彩票烂了一点| www.66727.cc-3d彩票网上兑奖| www.mt01.cc-下载购彩app| www.80ej.com-时时彩任四怎么做号| www.3980.top-好彩v2.1.16| www.1798.cc-中国合法高频彩| www.mx26.com-《中彩彩票》安全吗| www.408712.com-中彩网北斗和北海| www.6802.vip-香港彩宝典ios| www.13kz.com-智彩猜票-| www.291832.com-重庆大快三下载| www.105779.com-小鹿网络重庆时时彩| www.23ql.com-下彩网怎么进不去皮| www.7026.biz-双色球杀号2元彩票| www.931519.com-7星彩最高奖金| www.pt87.com-福彩3d造假吗| www.58zg.cc-体彩店招牌-| www.774418.com-福利三分彩开奖号码| www.895310.com-搜狐彩票是合法的吗| www.971123.com-彩票有哪些类型| www.cp0268.com-快三投注平台手机版| www.405321.com-七星彩能网上购买| www.753438.com-彩票cp533下载| www.126165.com-印尼五分彩开奖网站| www.315979.com-彩票前景-| www.246.cc-福彩3d断组天齐网| www.4973.xyz-中澳彩票网站| www.12912.cc-运盛彩票输了好多| www.9083.pw-中国彩票一更懂彩民| www.783695.com-彩票105安卓版| www.833932.com-好彩36选3计算| www.886930.com-聚宝网彩票资料大全| www.885767.com-福彩管理中心电话| www.680236.com-合肥百乐门彩票| www.107042.com-澳洲5分彩能赢钱吗| www.876612.cc-环球彩票骗局揭秘| www.586970.com-六亿彩下载-| www.318673.com-代玩彩票兼职靠谱吗| www.855286.com-立彩彩票平台电话| www.918216.com-体育彩票倍率| www.966832.com-3d专家疯狂彩迷| 中彩网www.91233p.com| www.125214.com-福利彩票都分多少种| www.006778.com-七星彩直播开奖现场| www.pz80.cc-怎样下载新彩网| www.13rs.com-山东彩票手机投注版| www.838453.com-乐彩网3d带连线| www.968682.com-9彩9彩票-| www.85188.com-福彩2d技巧-| www.026215.com-如何攻击黑彩服务器| www.393723.com-彩客网手机旧版下载| www.63517.com-竞彩篮球今日赛程| www.024703.com-彩神网论坛网址多少| www.328810.com-一分快三在线计划网| www.574781.com-福利彩世界平台登陆| www.246810.com-新浪足球彩票分析| www.774928.com-快三购彩小帖士| 幸运彩票www.5095v.com| www.de51.com-快三开内蒙-| www.619372.com-中国彩票中心电话| www.262287.com-福利彩票开奖时间表| www.389302.com-多彩葫芦-| www.562225.com-什么叫彩票流水| www.e08.cc-竞彩足球最多穿几场| www.0749.xyz-万彩影像大师破解| www.226102.com-天天乐彩-| www.772368.com-篮球博彩算加时吗| www.892578.com-彩票软件哪个最可靠| www.958746.com-吉林快三最多连多少| www.cp5115.com-江苏快三玩法有诀巧| www.143312.com-彩虹8真的假的| www.619577.com-彩票碎了还能兑奖吗| www.733263.com-江苏快三秘籍| www.791142.com-青海福彩3d开奖| www.870222.com-福彩3d到底怎么玩| www.925229.com-快三门户网怎么样| www.984682.com-彩运8怎么赚钱| www.557536.com-中双色球彩票大奖| www.956443.com-富贵彩害死了| www.cp0332.com-彩票快三技巧秘密| www.977605.com-竞彩2串1什么意思| www.eo52.com-快三权威app| www.835750.com-好彩一开奖日生肖| www.912759.com-欢乐彩票app| www.971324.com-彩票分析基础pdf| 网易彩票www.560926.com| www.db57.com-彩神争靠谱吗|