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.1152.cn-买的彩票怎么查| www.cp3309.com-三分快三下载| www.77043.com-e乐彩注册登录| www.343893.com-家里人迷上买彩票| www.529382.com-87足彩-| www.d25.com-甘肃快三今天豹子| www.1688.cx-f49cc高手彩网| www.9070.online头彩app提现| www.162907.com-95彩票平台彩网址| www.328238.com-南方双彩专业版| www.502820.com-福利彩票今天开不| www.1920.com-冠彩巨龙王-| www.9318.bid-体彩中奖号码是多少| www.39461.com-彩57彩票-| www.kf23.com-大发快三官网开奖| www.7pp.cc-彩票怎么买的不懂| www.79gw.com-分分彩刷流水方案| www.4054.cn-青海福彩网专刊| www.9665.com-香港6合开彩| www.648329.com-生肖彩开奖结果| www.900072.com-51彩虹聊天软件| www.962533.com-京东彩票网站是什么| 梦想彩票站www.43131o.com| www.gb07.com-小游戏快三-| www.d14.top-顺盈彩票是合法的吗| www.31iv.com-福彩昨晚出啥号| www.99ka.com-竟彩过滤软件app| www.3001.com-火风彩票-| www.9327.net-乐猫彩票网站| www.33633.cc-500彩票网网站| www.71444.com-福建体彩开奖公告| www.022113.com-澳客彩票网官网网| www.090423.com-高频彩票将停售| www.596926.com-51彩票全天计划群| www.662669.com-彩gg计划苹果版| www.749011.com-1000万彩票网| www.808186.com-足球竞彩app官方| www.970767.com-中了彩票怎么兑奖| 博友彩www.918361.com| www.jc73.com-18268彩票-| www.81885.cc-众彩网手机版靠谱吗| www.058332.com-粤彩联盟新版| www.144798.com-足球彩票指南报纸| www.219761.com-彩票代打兼职佣金| www.263732.com-福彩3d乐彩论彩| www.344409.com-山东彩票群英会下载| www.433877.com-威宁县彩票中奖| www.549338.com-分分彩怎样刷流水| www.611240.com-江苏快三出号分析| www.678861.com-彩云天气官方下载| www.873242.com-253彩票下载| www.968465.com-彩票主任27亿| 京彩集团www.369888aa.com| www.kq80.com-内蒙快三遗漏一定牛| www.k17.org-3d彩吧库图第一版| www.65zv.com-湖北体彩网点| www.0778.pw-七星彩大公鸡规律图| www.898.red-占卜算彩票号码| www.225782.com-5亿彩下载-| www.438816.com-360彩票预测推荐| www.603137.com-58购彩网-| www.769784.com-好彩软件是正规的吗| www.920801.com-彩神能不能提现| 500彩票网www.622507.com| www.96235.cc-体彩是几位数的| www.198725.com-延吉七乐彩快三| www.860004.com-500彩票苹果版| www.el10.com-大发快三快输死了| www.9262.biz-体育彩票基本走势图| www.112906.com-老梁观世界彩票| www.238026.com-安徽快三技-| www.370339.com-关于彩票的秘密| www.536529.com-秒秒彩技巧-| www.990730.com-旺彩百家软件| www.e68.club-吹吹七星彩头尾论坛| www.11095.com-彩22的邀请码| www.299326.com-看彩票走势图怎么看| www.505426.com-新博瑞彩票代理| 全民乐彩票www.2934k.com| www.34750.com-网上赚钱彩票| www.029326.com-玩时时彩哪个平台好| www.426159.com-足彩胜负彩新浪预测| www.691572.com-网易足彩-| www.900090.cc-22彩票苹果手机版| www.qi31.com-好彩三八打一生肖| www.373067.com-新浪爱彩足球胜负彩| www.585072.com-好彩酒楼江北店地址| www.751214.com-博牛彩票是骗人的| www.964176.com-彩乐乐彩票杀号| www.dn18.com-体育彩票规律破解| www.19783.cc-嘉兴体育彩票征招点| www.006470.com-大发快三主赢软件| www.119142.com-快三444-| www.243658.com-江苏快三遗漏统计表| www.360978.com-皇堵彩票-| www.549224.com-锋彩直播ios版下| www.778146.com-时时彩早上几点开盘| www.891645.com-彩票统计app| www.976680.com-江油彩礼一般多少| www.b94.net-福星七星彩下载| www.64nh.com-大吉大利彩票玩法| www.5629.in-福彩刮刮乐送金条| www.84672.com-红星计划时时彩| www.130413.com-福彩三d百度贴吧| www.263704.com-老彩民心得-| www.444110.com-福彩就是腐彩| www.595350.com-虎扑足彩神棍区| www.900333.com-淘彩app下载| www.ka52.com-新3d彩票计划| www.49fd.com-河北彩花漏打马赛克| www.026479.com-58彩票安卓-| www.166655.com-湖北快三开奖号码| www.317649.com-职业彩民一天赚多少| www.474705.cc-腾讯分分彩万能大底| www.768408.com-存3元送彩金| www.889500.com-福利三分彩走势图| www.sc60.com-福彩3d论坛杀码| www.70et.com-安微快三和值表| www.6675.top-网上快三客户端| www.69051.com-亚洲彩票运行多久了| www.080355.com-体彩6加1怎么玩| www.192653.com-下载体彩十一选五| www.317019.com-买彩心得-| www.881120.com-有哪些私彩老平台| www.248.hk-甘肃快三2019| www.66607.com-全民汇彩票邀请码| www.103698.com-买彩票怎么买的| www.262070.com-福体彩开奖查询结果| www.385851.com-福彩中心几点上班| www.596155.com-彩博士最新开奖结果| www.772953.com-彩吧助手走势图旧版| www.mo65.com-最新双色球彩票指南| www.79uo.com-极速快三必出| www.5551.vip-恽煌彩票-| www.31913.com-易彩堂网址-| www.085911.com-248彩票网可靠吗| www.12976.com-广东福彩管理中心| www.267591.com-双色球彩票分析预测| 500彩票www.26299r.com| www.2318.biz-彩票计划师培训| www.009850.com-下彩彩票电脑版| www.106209.com-多赢彩票网址| www.388937.com-福彩姜子牙复式图| www.752579.com-安徽快三新玩法| www.905273.com-伯爵时时彩平台| www.qc04.com-577彩票网下载| www.219.net-赛车时时彩app| www.043156.com-彩票害人家破人亡| www.172975.com-新吉林快三走势图| www.287147.com-安徽申请福彩| www.523726.com-百胜彩票软件下载| www.820142.com-柘城县彩礼-| www.930392.com-广州快三走势图| www.cp154.com-幸运快三彩票平台| www.xf67.com-七口乜只七星彩| www.69ki.com-网上玩彩票赚钱| www.17345.com-雪象园足彩比分直播| www.98183.com-亚洲5分快三怎么玩| www.102146.com-彩神vlll是什么| www.198848.com-10选5彩票-| www.328270.com-彩界九号独胆| www.479501.com-南洋彩开奖现场下载| www.581567.com-福利彩往期开奖记录| www.699661.com-新浪彩票图走势图|