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.8728.cc-福利彩票双色球群| www.5oj.com-竞彩足球扣税规则| www.1003.cn-11选五爱彩乐| www.9969.in-酷彩吧助手-| www.39755.com-七星彩出奖结果直播| www.008937.com-海口七星彩版专区| www.102699.com-博众取彩的意思| www.205669.com-火箭彩票网vip| www.1826.org-肥城体彩-| www.060881.com-掌上购彩官网| www.203638.com-内蒙古快三走势| www.283967.com-福利彩票有几位数| www.0661.me-日本1.5分彩| www.07533.com-中彩彩票网维护| www.83690.com-中彩票星座-| www.105582.com-8亿彩票下载安装| www.277210.com-五分钟就开的彩票| www.hk92.com-买彩票破解器| www.03en.com-体育彩票看直播开奖| www.297163.com-十大彩票牛人| www.441185.com-体彩大乐透论坛百度| www.190572.com-福彩快3群-| www.216252.com-大马彩最新开彩成绩| www.330125.com-布衣图库一好彩网| www.434258.com-福彩销售员演讲稿| www.537344.com-彩色有哪些-| www.643135.com-临沂市福彩中心电话| www.740553.com-28彩票登陆-| www.838235.com-有专业竞彩的团队么| www.917913.com-如何找彩平台的漏洞| www.991004.com-海南七星彩图表| www.ag93.cc-昨天福彩中奖号码| www.54ra.com-福彩3d教父是谁| www.1003.org-红精灵预测彩票| www.9ta.cc-中国体育彩票在哪买| www.1095.cm-竞彩高手分享技术| www.00212.com-彩票改单是真的吗| www.973484.com-彩虹壁纸少女心| www.3393.in-中国推荐的彩票软件| www.190581.com-广西福彩走势图| www.693146.com-体育彩票正规app| www.784303.com-彩83官网登录| www.874951.com-信彩票是官方网站| www.bn01.com-吉林快三跨度怎么看| www.2229.vip-手机赚钱的彩票| www.3989.in-河北福彩双色球中奖| www.775749.com-竞彩强胆推荐二串一| www.965249.com-968彩票下载安装| www.52317.cc-uu直播手机彩| www.590458.com-排列三胆南方双彩网| www.708989.cc-竞彩足球害死我了| www.792306.com-彩票没票可以兑奖吗| www.876303.com-重庆时彩时彩| www.953702.com-中国彩是正规的吗| 豪彩VIPwww.175568.com| www.651210.com-代买欧洲百万彩| www.87pb.com-那些网站可以买彩票| www.3574.cn-彩金送9快棋牌| www.13126.cc-最大的网络彩票平台| www.330870.com-彩神争霸大发| www.30oj.com-湖北福彩快走势图| www.590608.com-彩票彩经网走势图| www.1578.me-多彩贵州文艺网| www.277059.com-重庆时时彩为啥停了| www.54448.com-福彩3d微信群号| www.011776.com-今天彩票出什么| www.gr34.com-广东好彩1开奖| www.575888.com-彩票专业知识| www.761435.com-彩票中五百万的概率| 幸运彩票www.773618.com| www.955868.com-手机买彩票能开挂吗| www.707282.com-36o竟彩比分直播| www.901104.com-少爷贝岛全彩| www.972124.com-微信彩票群骗局揭秘| www.cz5.cc-快三必中技巧| www.sj85.com-足球彩票赔率| www.844121.com-体彩改制企业| www.933224.com-澳客彩-| www.993332.com-彩神官方网网站| www.cy64.com-大奖快三计划软件| www.vc46.com-体育彩票单式票| www.18175.cc-足彩复式投注| www.039976.com-彩票合买大厅发起人| www.312392.com-福彩3d百位走势图| www.763888.cc-人人中彩真的假的| www.802197.com-彩谜天地图双色球| www.256765.com-彩票12下载-| www.626240.com-手机上的盈丰彩票| www.731581.com-彩色纸箱包装价格| www.863272.com-新浪体彩数字彩票| www.999500.com-大运彩票网址多少| www.jx02.com-如何破解数字型彩票| www.45yr.com-中博彩票系统| www.697300.com-福彩三d藏机图迷| www.043862.com-刷彩票漏洞赚钱| www.169815.com-甘肃快三基本走势图| www.180190.com-彩票驿站大发快三| www.492997.com-彩票通11选5软件| www.09359.com-好彩一容易中吗| www.kd98.cc-众彩彩票下载安装| www.36325.cc-爱彩乐1分快三群| www.017151.com-重庆时时彩论坛大全| www.703128.com-竞彩完场比分完整版| www.057821.com-彩吧3d第三版| www.503921.com-火星彩-| www.692250.com-福利彩票真的假吗| www.16fa.cc-微信七星彩群| www.202526.com-贵州福利彩票招聘| www.310935.com-福利彩票返彩金| www.542118.com-360时时彩走势图| www.661330.com-七星彩共几个号码| www.761524.com-百度乐和彩登陆| www.0147.cm-彩色造句一年级| www.202325.com-贵州体彩官网| www.278520.com-福彩3d论坛手机板| www.352700.com-给彩票平台黑了| www.436555.com-体彩竞彩微信营销| www.528879.com-095彩票网下载| www.593022.com-日本彩虹e台| www.866307.com-快三必中计划软件| www.380978.com-现在网上能买彩票么| www.020764.com-体彩基诺游戏| www.127843.com-网上买彩票是套路| www.043107.com-竞彩彩票店-| www.053205.com-彩票属于什么行业| www.1266.online宿迁福利彩票点| www.985957.com-时时彩是几点到几点| www.as37.com-快三走势图上海牛| www.17234.com-彩票通ios-| www.644404.com-腾讯5分彩下载| www.744901.com-彩票管理新规| www.978656.com-时时彩黑客改单视频| www.su1.cc-河南省快三走势图一| www.9020.top-怎样中彩票-| www.143196.com-体彩大乐透选号软件| www.596345.com-2019竞彩app| www.698058.com-浙江体彩网页版| www.808554.com-体育彩票七星彩购买| www.918765.com-信誉好的外围彩票| 快彩www.81678l.com| www.ta48.com-福利彩票一般几位数| www.xz28.com-好的平台彩票| www.083612.com-福利彩票在哪里兑奖| www.32261.cc-足彩加-| www.5032.vip-吉林市体彩快三| www.9128.vip-体彩即刮彩票中奖率| www.7498.cm-青海省福彩中心官网| www.78822.com-彩票双色球走势预测| www.982100.com-福彩3d计算神器| www.625850.com-福彩三d绝密| www.884455.com-体彩快三怎么玩稳赚| www.947382.com-中国彩吧下载| www.983905.com-九九彩官网-| www.cp6773.com-吉林快三规律破解| www.4774.cc-腾讯一分彩走势图| www.cai5722.com上海快三开奖结果| www.d72.club-海南特区彩票论坛| www.429054.com-易彩网登录下载| www.552018.com-私彩软件-| www.654452.com-幸运五分彩合法么| www.726613.com-福彩3d奖金-| www.945833.com-体彩7刮刮乐中奖图| www.0gt.com-乐彩网密码怎么破| www.43wv.com-卦彩-|