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.y77.org-大豪客彩票官网| www.903752.com-万豪福彩app| www.990509.com-com全球彩票| www.16oi.com-下载旺彩大乐透开奖| www.mm26.com-时时彩人工计划51| www.73ze.com-福彩3d黑彩专家| www.2229.cm-彩薇花化妆品怎样| www.394985.cc-七彩铃兰花图片大全| www.561875.com-广东福彩走势图| www.3407.vip-彩报王图-| www.9714.xyz-大奖网彩票安卓版| www.46775.com-快彩11选五电视| www.749417.com-体彩50倍多少钱| www.888530.com-下载安装95彩| www.974629.com-体彩大乐透从哪里买| www.cp9658.com-福彩快3彩票站提成| www.oh21.com-皇都彩票平台| www.12az.com-境外彩票app开发| www.86rm.com-全民k歌彩评| www.750215.com-九哥彩票官方网站| www.mk96.com-时时彩龙虎预测软件| www.866209.com-乐8网彩网址| www.538983.com-教玩时时彩必赢钱| www.635659.com-七彩阳光注定不平凡| www.772905.com-时时彩厘毫模式| www.910003.com-昆明亮彩光电| www.994436.com-非法经营彩票罪1亿| www.ey77.com-老重庆时时彩下载| www.698758.com-360彩票在线计划| www.805736.com-彩票各省排名| www.849595.com-足彩大彩网-| www.923396.com-开彩票店怎么提成| www.984811.com-长城彩票官网| www.gh6.cc-福利彩票彩种介绍| www.647685.com-数学家彩票公式| www.68iq.com-福彩3d打击黑彩| www.2048.website彩神通四码是真的吗| www.9118.loan-解读彩霸王-| www.130809.com-蚂蚁彩票可靠吗| www.303125.com-七星彩中奖规则图解| www.630632.com-福彩三d选号彩报| www.246788.com-玩彩票app下载| www.143327.com-新型的六爻测彩法| www.227687.com-1分快三是什么彩票| www.305659.com-负债百万能买彩票嘛| www.382589.com-购彩软件哪个返利高| www.522299.com-5彩票5-| www.799206.com-玩彩计划群聊| www.945148.com-体彩论坛体彩三句话| www.340094.com-足彩分析新浪| www.793518.com-网络彩票输了很多钱| www.921821.com-五分时时彩在线计划| www.999746.com-彩票996是骗人的| www.fh09.com-湖北快三数据专家| www.1114.biz-竞彩足球最高奖金| www.902177.com-彩票报纸种类| 中国福利彩票www.3478q.cc| www.lw07.com-时时彩平台出租价格| www.u31.club-速盈彩是什么| www.67ft.com-333彩网平台| www.152352.com-彩6彩票苹果版下载| www.285018.com-彩票店开在哪里最好| www.428520.com-彩虹伞游戏的音乐| www.397898.com-今天打什么七星彩| www.97qv.com-福利彩中奖三个号| www.46577.com-福星彩开奖号码| www.18902.com-宝马彩票充值网址| www.64539.com-竞彩客户去哪里拉| www.47867.com-甘肃快三规律| www.96467.com-购乐彩票是正规的吗| www.oq61.com-陈赫中奖彩票| www.56bz.com-福彩3d研究院| www.854311.com-极速快三辅助| www.445617.com-彩票发行管理办法| www.667637.com-彩票公证员-| www.772091.com-大通彩票官方下载| www.915286.com-淘彩网下载地址| 818合彩www.www.9889hc.com| www.545849.com-线上彩票在哪里买| www.057807.com-天津快三是真是假| www.894761.com-彩票试机号今天全国| www.73875.com-网络体彩-| www.296903.com-惠民彩票注册邀请码| www.9197.org-万字号彩票表| www.mn07.com-7星彩票开奖结果| www.pl78.com-彩钢板-| www.508978.com-990彩票官方下载| www.659403.com-七星彩票开什么奖了| www.fp74.com-福彩3d有规律吗| www.299865.com-平台个人彩-| www.vd92.com-慧金彩app-| www.250758.com-全中彩票97折| www.du49.com-大发彩票计划| www.95lj.com-星际彩票不能提现| www.062524.com-迷彩兔视频-| www.191779.com-湖北快三走势分布图| www.9623.in-七彩色是标准样板| www.91054.com-好彩爆珠4mix| www.5635.cn-女网友买彩票骗局| www.392371.com-体彩481游戏规则| www.69tf.com-彩票最新中奖故事| www.659343.com-博彩免费源码| www.994423.com-微彩站直接下| www.ny33.com-福利彩票比较器| www.36dq.com-七星彩新图纸| www.153.org-彩虹天堂周杰伦| www.233343.com-北京快三详情| www.696235.com-黑时时彩平台| www.00cq.com-天津十分彩走势图| www.1905.site-彩票机器人多少钱| www.47118.com-结婚彩礼什么时候给| www.979276.com-福彩3未出号码关注| www.00934.com-完美彩票网站靠谱吗| www.267549.com-彩票翻倍模式| www.sq54.com-时时彩开奖走| www.20xg.com-新版彩票下载| www.5222.vip-排列三双彩论坛新版| www.11253.cc-吉林快三投注软件| www.776030.com-玩时时彩输了20万| www.865352.com-分分彩开奖记录软件| www.926379.com-可以买彩票的软件| www.977349.com-河南省彩礼价格| 大赢家彩票www.799243.com| www.hk27.com-湖北快三是国家的吗| www.4726.vip-香港快乐十分彩| www.20210.com-足球竞彩专家推荐号| www.655757.cc-49彩票ios-| www.921185.com-福彩3d跨度| www.978860.com-好彩1怎样买的| www.cp966.cc-博众快三彩票软件| www.2070.live-体彩竟彩怎么玩| www.645178.com-湖南福彩黄海林| www.785095.com-小米彩票入口在哪里| www.855759.com-七乐彩中了五个好| www.916004.com-重庆时时彩彩注册| www.971574.com-今天什么彩票开奖| www.tz9.com-360.购彩-| www.vy36.com-彩票500够彩大厅| 彩客网www.ck9393.com| www.74236.com-彩虹旗娱乐同影| www.144758.com-快三号码计算秘诀| www.38994.com-1000万彩票网| www.11269.cc-网易足彩-| www.7181.com-博彩众长-| www.31yb.com-福彩年假什么时候| www.973201.com-彩虹代刷app源码| www.vc8.com-七乐彩中奖规则| www.039371.com-牛牛彩票app下载| www.99308.cc-精彩出行-| www.099752.com-快乐彩害人不浅| www.055042.com-下载黑彩快三| www.337333.com-吉林快三不能用手机| www.522285.com-易购娱乐时时彩贴吧| www.1378.cc-3d彩票网走势图| www.469369.com-乐彩网字典字谜| www.637270.com-福彩原副主任获刑| www.781814.com-一分快三黑彩| www.972242.com-网易新快三-| www.304310.com-福利彩票返奖率| www.006588.com-彩票一等奖-| www.3893.wang-海南七星彩今期图规| www.675969.com-彩票结果查询公告| www.794567.com-体彩早上几点开售| www.884328.com-中华彩吧网-|