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.926191.com-七星彩澳客网预测| www.826373.com-933彩票赢钱不给| www.334.bid-色彩搭配原理与技巧| www.08920.com-九州彩票正规| www.69324.com-韩国福利彩票开奖| www.040568.com-捡了一注彩票中奖了| www.127720.com-彩虹宝宝彩虹堡| www.282668.com-快三三期必中公式| www.857796.com-彩票提前多久不能买| www.945629.com-福彩双色球福建中奖| 500彩票www.514577.com| www.ms24.com-赢彩票app-| www.206414.com-中国福彩快3app| www.978313.com-二手彩钢板围挡价格| www.ms53.com-吉林快三买号口诀| www.43039.com-福彩3d北斗预测| www.mc95.com-七星彩808-| www.797108.com-网上买彩票那个正规| www.901859.com-重庆时彩最快开奖| www.980807.com-附近有福利彩票店吗| www.gc25.com-彩神通软件-| www.u10.org-海南私彩赔率| www.2792.xyz-虎扑足彩比分直播| www.639639.com-富人人彩票com| www.708271.com-六彩票-| www.0086.pro-排三牛彩字谜| www.9256.cn-彩票app是否合法| www.63751.cc-焦作泌阳彩礼多少| www.762973.com-柬埔寨做彩票犯法吗| www.1658.link-白马彩吧大乐透预测| www.85835.cc-江苏快三彩500| www.076027.com-达人彩票吧-| www.210126.com-江苏快三官网投注| www.8949.biz-手机盛兴彩票| www.349090.com-中彩竞彩网上| www.445882.com-福彩双色球专家分析| www.556084.com-澳门博彩集团的网址| www.6006.tv-竞彩二串一稳| www.32176.cc-体彩怎么买世界杯| www.ia41.com-河北快三走势推荐| www.18cs.com-彩钱三条打一生肖| www.1862.top-kk45cc彩票-| www.332369.com-买体彩输了几十万了| www.493006.com-南京众彩市场搬迁| www.620207.com-怎么买国外彩票| www.365194.cc-彩票代玩赚钱| www.510730.com-饭圈彩虹屁模板| www.70je.com-啥是高频彩-| www.25822.cc-中国福利彩票快3网| www.011776.com-今天彩票出什么| www.81wf.com-九江体育彩票店| www.7007.in-特彩吧49949| www.32019.com-七天彩官网-| www.79433.com-彩友网上购买彩票网| www.155337.com-胜负彩2等奖| www.277912.com-博牛彩票是非法的吗| www.6ue.com-和彩这个词对吗| www.cai05.cc-快三玩法-| www.869522.com-足彩分析师证书| www.cp980.com-福建快三今天开奖| www.oj60.com-江苏快三今日推荐号| www.069797.com-福利彩票中奖图片| www.226657.com-彩迷视界-| www.332681.com-重庆时时彩购彩平台| www.410250.com-中大奖彩票app| www.035898.com-最幽默的彩票广告语| www.130362.com-福彩双色球技巧| www.5244.vip-体彩卖到几点开门| www.47084.com-体彩排列五长条图纸| www.2340.tv-谁有3分彩计划| www.248682.com-福彩3冂-| www.354221.com-中2亿福利彩票| www.495591.com-苹果手机博彩软件| www.003498.com-南国彩票七星解诗网| www.9365.tv-郑州彩铃-| www.579571.com-体彩布衣图-| www.658889.com-五洲彩票登录网站| www.723022.com-3d太湖字谜中彩网| www.807936.com-9d彩票是骗局吗| www.876889.com-体彩基诺玩法| www.fj23.com-河北福彩双色球开奖| www.5682.bid-快三怎么开奖过程| www.40600.com-足彩世界杯投注| www.723122.com-大资金彩票-| www.827016.com-大资本彩票是怎样的| www.927976.com-分分中彩票网页版| www.986795.com-篮彩实时比分直播| www.091021.com-体彩中了奖去哪兑奖| www.243311.com-中国福彩最新开奖| www.712477.com-快三怎样玩不会输| www.864390.com-新彩吧手机彩票网| www.956442.com-富贵彩平台会黑钱吗| 彩71www.861944.com| www.757449.com-加入购彩团队安全吗| www.859653.com-福彩五星通走势图| www.932564.com-118彩票合法吗| 盛彩网www.41518j.com| www.420899.com-金手指竞彩二串一| www.hp7.com-彩票合买平台app| www.233657.com-六中彩堂-| www.331078.com-棋牌彩票投注网站| www.444402.com-彩31平台可靠吗| www.544425.com-易彩网怎么找不到了| www.32109.cc-体彩佣金怎么算| www.86339.cc-三彩2019连衣裙| www.6691.top-彩票开奘查-| www.507388.com-时时彩和值单双大小| www.878544.com-赛车彩票-| www.cai1515.com今日快三开奖号码| www.905843.com-亚愽彩票-| www.981116.com-彩蝶恋鲜花-| www.it72.com-360混合竞彩足球| www.027345.com-易彩为何不能买彩票| www.9774.vip-福利彩票造假案件| www.509139.com-3d走势图彩宝贝| www.857728.com-下载彩票站-| www.964844.com-浙江省彩票网| www.yt0.cc-快乐彩票下载| www.j79.me-乐博现金网彩票游戏| www.74he.com-今日体彩怪字神贴| www.3726.com-七星彩天天开奖吗| www.5369.vip-在农村开彩票店| www.677579.com-章鱼彩票下载| www.751428.com-彩票123网此| www.814448.com-5星彩开奖结果查询| www.895788.com-江苏快三遗漏查询| www.950877.com-香港5分彩有计划吗| www.996194.com-澳客网竟彩-| www.py40.com-彩九下载软件| www.085033.com-天天彩票坑吗| www.163707.com-彩票实用口诀| www.484348.com-和盛彩票娱乐网址| www.39767.cc-中福游戏中福彩票| www.021287.com-最安全的私彩平台| www.32997.cc-连云港体彩中心| www.010359.com-御彩轩计划时时软件| www.193652.com-四平快三开奖结果| www.49bh.com-七彩莲花佛教的含义| www.4656.vip-买彩票靠运气吗| www.06544.com-排三乐彩论坛静态版| www.611667.com-彩票站点缴费| www.911895.com-天天彩选4怎么玩| www.971410.com-卖彩票赚钱吗| www.bj09.com-快三彩票走势教程| www.ul77.com-内蒙古体彩领奖地址| www.08uy.com-天空彩票与你同行| www.615023.com-河南快三下注| www.669581.com-了解彩票的相关资料| www.723083.com-福彩1d中了多少钱| www.791306.com-江苏快三推算和值| www.857111.cc-今天彩票中奖单号| www.913635.com-第一彩26234| www.968972.com-最近彩票诈骗案例| www.jf57.com-安徽福利彩票开奖| www.08bd.com-体彩开奖率-| www.654118.com-七星彩心灵码仙说| www.175917.com-快三投注平台手机版| www.276763.com-百盈快三精准计划| www.03oh.com-福彩七码遗漏| www.87792.cc-天涯社区论坛彩票| www.232670.com-上海快三诀窍| www.393068.com-明天中奖彩票号码| www.36753.com-全国快三投注技巧| www.98784.com-梦到自己去买彩票|