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天

知道了
江西11选5 www.444585.com-p五跨度南方双彩网| www.722322.com-福利彩票红区中三个| www.937774.com-云彩厅下载-| www.cf23.com-江苏快三有官网吗| www.42sn.com-彩票怎么玩视频| www.8138.org-福彩p62开奖号码| www.354888.cc-怎么买才能中彩票| www.741622.com-天天有彩票苹果版| www.038930.com-高频彩票投注方式| www.211102.com-彩票平台冻结的账号| www.372733.com-贵宾彩票-| www.557212.com-3d谜语牛彩网| www.075195.com-中国体育彩票几种| www.66386.cc-体彩店内部装修图| www.gx20.com-鸿彩网合法吗| www.u99.vip-彩票怎么刷水| www.206737.com-1分钟一期的快三| www.055005.com-彩票平台大全送彩金| www.35wq.com-7星彩奖金-| www.15629.com-简单彩铅风景画视频| www.82561.com-彩票排五走势图| www.75556.cc-精彩彩票登陆| www.743906.com-彩17彩票官网| www.863948.com-彩宝贝网彩票双色球| www.699564.com-竞彩pc版-| www.565124.com-彩票竞彩客户端| www.663197.com-博猫2分彩-| www.791037.com-福彩3d走势彩宝| www.882478.com-易彩乐真的假的| www.974729.com-有时时彩微信群吗| www.bn21.com-吉林快三图标| www.x58.net-国乐彩app软件| www.422835.com-彩票投资方案| www.751444.com-中彩网老版电脑版| www.599671.com-彩票条形码损坏了| www.681562.com-豪彩vip是传销吗| www.844161.com-福彩中心改制吗| www.960346.com-彩之家投注安全吗| www.cp3922.com-河南福利彩票快三| www.874169.com-福彩新基诺-| www.342894.com-神彩网论坛永不卖料| www.626455.com-福彩彩票图片大全| www.4399.name-北京福彩开奖| www.053163.com-时时彩代理抽流水| www.513617.com-时时彩一星做号技巧| www.608172.com-信誉好的够彩平台| www.730733.com-彩票刷水兼职| www.869927.com-下载约彩365| www.962313.com-彩票3d和尾走势图| www.cai3934.com兰州快三走势图| www.1931.xyz-福利彩票十一先5| www.098406.com-中彩股份-| www.6668.top-彩神9-| www.66835.cc-福彩对奖-| www.089443.com-飞鱼彩票-| www.082010.com-送彩金快三平台| www.616180.com-体彩扑克牌玩法技巧| www.006569.com-体彩站点编号查询| www.091850.com-乐八彩票害死人| www.175970.com-一分快三破解器下载| www.507111.cc-体育彩票分哪几种| www.931128.com-中信彩票平台下载| 华彩www.71399w.com| www.882717.com-全国彩礼排行| www.je29.com-福彩快3和值表奖金| www.39sm.com-史上最高彩票记录| www.3149.vip-8868.彩-| www.94811.com-新浪爱彩大乐走势图| www.080067.com-买彩票就用一个公式| www.2298.in-彩专家人工稳定计划| www.704344.com-彩票33安全吗| www.554010.com-熊猫时时彩软件| www.662657.com-彩名堂计划ios| www.819363.com-竞彩秘诀-| www.0560.pw-福彩大家乐官网| www.008778.com-彩票网站制作| www.285869.com-怎么做彩票-| www.196120.com-快三二同号复选推荐| www.298399.com-三分时时彩走势图| www.380271.com-快彩在线8-| www.d46.online-七星彩票南国论坛| www.017000.com-江苏快三多少期| www.08077.cc-重庆快彩快三| www.80796.com-彩票玩法技巧绝招| www.518188.com-牛姓彩票-| www.576602.com-大发快三中奖图| www.cp2879.com-新快三玩法说明| www.181154.com-旺彩官方下载苹果版| www.338092.com-广西福彩官网双色球| www.572399.com-彩票网售最新消息| www.7571.loan-东方秒秒彩-| www.111876.com-高德彩票是正规的吗| www.756233.com-快三违法吗怎么处罚| www.41103.com-中彩网官方网app| www.95sg.com-口袋彩店无法下单| www.789586.com-湖北快三长龙20连| www.930028.com-彩票专用计划网| www.rw04.com-5分快3是福彩吗| www.533233.com-极速快三中奖规律| www.668636.com-568彩票下载安装| www.825576.com-山东三d福彩中心| www.938086.com-全国快三投注app| 大赢家彩票www.596081.com| www.975921.com-信阳各地结婚彩礼钱| www.923069.com-手机108彩票软件| www.kj65.cc-福彩选号器2.0| www.06ux.com-体彩标准店图片| www.611098.com-广西快三群-| www.746637.com-彩神江苏快三破解版| www.15vt.com-发彩网是什么意思| www.462.me-快三客赚钱有没有事| www.2624.xyz-体彩过年开奖时间表| www.8583.org-历年情人节中彩票| www.226668.com-彩迷葫芦第-| www.231876.com-买彩票怎么赚钱| www.318043.com-中国彩票兑奖期限| www.979636.com-发彩送彩金平台| www.zj.com-北京快三开奖查询| www.mu39.com-锋彩直播苹果版| www.xb96.com-中彩体育骗局| www.8410.in-彩票中奖了整蛊短信| www.00789.com-微彩吧什么骗局| www.42020.com-彩票概率学公式| www.530282.com-彩票规律表-| www.960149.com-泰安体彩30亿| 瑞彩网www.809217.com| www.4795.biz-福彩3d九宫八卦测| www.347228.com-彩票大奖中奖故事| www.810580.com-有哪些正规的投彩网| www.904126.com-彩票代理拉人广告| www.962548.com-中彩票全天计划| www.993916.com-彩客网篮球预测| www.c6.cc-买福利彩票快3技巧| www.ng67.com-足彩网app-| www.074726.com-天不彩彩富网| www.937645.com-3d福彩走势图连线| www.u02.org-生彩宝教程-| www.88hu.com-新天成彩票网| www.101570.com-聚彩app下载| www.37lt.com-惠彩乐购官网| www.496123.com-幸运福彩app| www.00wp.com-天天彩票能信吗| www.36383.com-时时彩走势360| www.554452.com-福利彩票大神推荐| www.623582.com-福利彩票6等奖| www.173611.com-北京快三开奖链接| www.8937.loan-彩店宝彩官方| www.366725.com-青蛙彩手机开奖现场| www.553478.com-体彩模拟投注| www.657631.com-江苏苏快三-| www.839595.com-程序员彩票骗局| www.914023.com-两分快三解码器| www.965431.com-中国最牛的彩票对联| 购彩网www.913gc.com| www.768604.com-亚博彩票安全吗| www.840326.com-南国彩票七星彩直播| www.928332.com-网上福彩3d投注站| www.976374.com-河南体彩中心银行| www.cai8345.com幸运快三代玩骗局| www.357634.com-体彩排列5如何购买| www.454755.com-皇冠时时彩下载| www.688353.com-uu彩票网-| www.822977.com-凤凰彩票_登录| www.883538.com-彩票能用密码兑奖吗|