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.4125.org-彩虹剧组演员表| www.lr97.com-老时时彩开奖数据| www.120226.com-彩票店快三提成多少| www.365933.cc-福彩今日试机号码| www.574648.com-福彩3d开奖日期天| www.713681.com-王者彩票怎么玩| www.974829.com-澳客网比分直播足彩| www.iv90.com-体彩e球彩奖金规则| www.68ha.com-酷彩吧下载不了| www.347357.com-内蒙古快三看准豹子| www.069316.com-优乐彩票下载安装| www.256834.com-彩票机器多少钱| www.642678.com-3d走势图经彩网| www.5921.xyz-快乐彩走势图手机版| www.267320.com-彩票开奖直播| www.536387.com-福彩p62玩法| www.592109.com-荣誉国际彩票| www.8608.cc-新利彩票是骗局吗| www.215325.com-瑞彩网app-| www.447995.com-新浪分分彩app| www.639644.com-富人彩票-| www.763932.com-6十1七乐彩-| www.926212.com-乐羸彩票-| www.cai6088.com江苏快三在线计划网| www.795933.com-彩坛至尊下载| www.948738.com-福彩3的胆码| 99彩票www.66509.cc| www.sm27.com-彩之家平台是真的吗| www.012.cm-亿彩国际-| www.9288.in-国乐彩邀请码| www.85872.com-我附近的彩票站| www.111524.com-竞彩宝安卓-| www.261507.com-新快三大小怎么破解| www.427950.com-赛马彩票三中三| www.576243.com-开心海南七彩票网| www.zo63.com-彩票攻略网-| www.51tt.cc-创意水彩笔画图片| www.2531.shop-彩雨是什么意思| www.9478.net-彩钢琉璃瓦压瓦机| www.258377.com-彩票极速快318| www.775395.com-彩票有多少位数| www.984800.com-玩黑彩犯法吗| www.mn48.com-福彩七乐彩中奖规则| www.538220.com-正规国彩网-| www.694062.com-彩票几天-| www.854452.com-大发快三骰子下载| www.981041.com-七彩建设集团老总| www.ji95.com-时时彩计算方程式| www.4533.xyz-福彩开奖35期| www.38863.com-红彩运app-| www.030620.com-奔驰彩票微信群| www.194342.com-今天上海快三开结果| www.340456.com-玄武彩票下载安装| www.559848.com-大乐透牛彩网杀号| www.668775.com-求福彩3d算胆公式| www.854457.com-58酷彩网-| www.995540.com-易彩彩票是违法的么| www.311672.com-河北福利快三开奖| www.957310.com-红牛彩票的苹果入口| www.uc9.cc-福彩开奖号-| www.87.cm-晶彩拍照手机| www.55363.com-青岛福彩养老院价格| www.662.cm-时时彩网站制作| www.442678.com-足彩蓬蓬-| www.835322.com-香港好彩烟哪种好| www.k35.top-3d彩吧图二版| www.909.cx-临沂福彩兑奖地址| www.08735.com-彩票的彩彩神通| www.98657.com-快三筛子-| www.123283.com-福彩快乐双彩| www.262129.com-看快三用什么软件| www.394491.com-福利彩票么时候开奖| www.608151.com-3d新彩吧总汇| www.743322.com-金山彩票苹果版下载| www.877958.com-彩票2003-| www.mt92.com-休闲快三慢动作| www.cai967.com-江苏快三骗局曝光| www.224025.com-福彩站赚钱吗| www.174859.com-百姓彩票平台| www.737.vip-美国彩票收入| www.667438.com-竞彩258足球| www.17rr.com-app刷彩网-| www.050001.com-找黑彩坐庄的老板| www.229346.com-百盈快三是真是假| www.566917.com-彩虹夹心冰淇淋机| www.711656.com-彩票两元网中奖| www.uc99.com-三分彩开奖结果查询| www.79xi.com-福彩小军二版| www.5517.cm-世界顶级彩票| www.54534.cc-618彩票下载| www.277175.com-河南民权彩礼价目表| www.802639.com-3d的彩界小少爷| www.934296.com-帅哥彩票托的套路| www.cai1020.com江苏快三是真的吗| www.92559.com-巨彩平台-| www.118436.com-彩七七靠谱吗| www.456084.com-高频彩垃圾-| www.607702.com-七乐彩周五走势图表| www.744605.com-宏盛彩票官方网站| www.907557.com-六禾彩开奖结果查询| www.cai0811.com68彩票送彩金| www.040.cx-唐龙福彩趋势分析| www.04371.com-微信上购彩票中奖了| www.14vz.com-博牛彩票五分快三| www.1868.top-云彩店-| www.223591.com-彩票网500-| www.433666.cc-贵州彩民7000万| www.580622.com-吉林省彩票得主| www.887388.com-天天彩票可靠谱吗| www.995917.com-足彩电脑版-| www.nm01.com-黑彩快三犯法吗| www.58hu.com-宿迁彩票中奖新闻| www.3939.date-tx308彩票-| www.128475.com-五百万彩-| www.296454.com-群英会走势图彩乐乐| www.753508.com-哪种彩票真实性高| www.874672.com-彩票网页在线计划| www.970733.com-足球彩票手机新浪网| www.ze89.com-鑫彩网彩票官方网站| www.355474.com-福甘肃快三彩开奖| www.503652.com-28彩票安卓版下载| www.627126.com-8万彩票-| www.816933.com-那些中彩票的人| www.926666.com-研究中奖彩票达人| 中彩网www.71233g.com| www.n16.me-彩票5分快3怎么玩| www.024131.com-福彩走势200期| www.233347.com-快三作弊器是真是假| www.000872.com-国彩官网app| www.310588.com-酷彩彩票app| www.442235.com-农村结婚彩礼图片| www.552689.com-体彩双胆独胆| www.618383.cc-最火的彩票平台源码| www.696963.com-有人中过彩票上亿吗| www.777856.com-彩票漏洞软件| www.857807.com-盈彩计划app| www.926503.com-瑞彩祥云结不了卡| www.983040.com-888盈盈彩平台| www.cp9579.com-中彩网是不是合法的| www.np71.com-广西福彩官网下载| www.s20.online-河北快三开奖规律| www.45fe.com-竞彩开奖时间表| www.562.gg-七彩乐开奖结果今天| www.9455.org-彩票有哪几种软件| www.722489.com-时时彩高手经验分享| www.193752.com-3d彩票口诀-| www.547634.com-盛兴彩票违法吗| www.666516.com-和乐彩票首页| www.764122.com-为什么禁止网彩| www.855460.com-哪一种彩票中奖率高| www.937206.com-10彩票app-| 彩客博www.8667r.com| www.nl24.com-福彩3d幸运号下载| www.72cg.com-幸运彩算不算赌博| www.6250.net-宁波彩票608万| www.964235.com-精彩足球赛作文| www.hb77.com-新3d彩吧-| www.x35.vip-国乐彩官网下载| www.385.cc-必发彩票网页版登录| www.7603.vip-个人七星彩软件下载| www.27327.cc-彩票稳赚计划| www.336824.com-江苏快三不同号推荐| www.32fs.com-星期日开奖彩票| www.917207.com-彩88彩票诈骗|