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天

知道了
北京快乐8 www.8719.mobi-找快吉林快三走势图| www.97566.cc-体彩专家杀码预测| www.82fi.com-足彩如何外围买单场| www.3490.cn-天天彩票怎么回事| www.9968.org-天天彩票真的吗| www.77224.com-微信网上购彩可信吗| www.047920.com-贵州快彩11选五| www.188454.com-合买彩票app| www.266809.com-彩票赌大小能玩吗| www.439178.com-天空与你同行特彩| www.on01.com-中国体育彩票排列五| www.31zi.com-中国彩票太假| www.569592.com-七乐彩连线走势图| www.687103.com-湖南省体彩中心位置| www.798080.com-辽宁11选5彩票| www.883061.com-678彩票网安全吗| www.983068.com-体彩吧台-| www.rp78.com-5分钟开彩票合法吗| www.05qj.com-彩29安全吗-| www.82qx.com-悦心亿彩是传销| www.2386.xyz-湖北快三过滤| www.8583.me-彩票软件杀号| www.439090.com-3d新彩网巴-| www.586838.com-南方双彩南方双彩| www.695961.com-非凡在线计划时时彩| www.812438.com-中大奖彩票兑奖过程| www.904282.com-快三豹子开出迹象| www.981876.com-那个可以网上买彩票| www.5116.cm-菲博时时彩下载| www.19775.com-内蒙快三兑奖图| www.65229.cc-大发分分快三计划| www.102896.com-k彩富民测速| www.221719.com-彩票黑客-| www.6356.net-湖南彩票-| www.46788.com-体彩七位数中奖图片| www.95795.com-公益彩票怎么玩| www.077033.com-app彩票合法吗| www.141659.com-福利彩票快乐10分| www.553331.com-七乐彩今天出什么码| www.670494.com-彩61是合法交易| www.751489.com-田伟足彩解盘分析| www.845701.com-手机彩票挂机软件| www.925607.com-金彩网是正规平台吗| www.989456.com-中彩网手机-| www.js0.com-481开奖彩票| www.st23.com-7星彩规则-| www.46yx.com-竞彩店主自己刷销量| www.683.in-二手彩票机多钱一台| www.4592.cc-买彩票怎么加倍| www.9932.cm-七乐彩好中奖吗| www.83378.com-初级彩票师-| www.47jd.com-新浪足彩周六擂台| www.4236.vip-大奖彩票平台登陆页| www.gm88.com-河南体彩官网首页| www.020010.com-老赖中彩票可以领吗| www.495591.com-苹果手机博彩软件| www.079342.com-三分快三最高多少倍| www.176310.com-福建体彩网-| www.212269.com-大发快3买彩票神器| www.878593.cc-99彩票注册平台| www.969542.com-彩票追号一停就出来| www.cai747.cc-快三计划网页| www.sg81.com-最大的十大彩票平台| www.64.me-福彩高管贪污| www.69pz.cc-手机赌彩票是哪一种| www.092875.com-福彩东方6十1预测| www.x49.cn-彩票解码绝密| www.80zo.com-福利彩票自助店| www.339402.com-天天中彩票软件| www.472520.com-③d彩涂迷-| www.601802.com-男子身无分文中彩票| www.707385.com-588彩票网-| www.2047.tv-画里彩虹emoji| www.11557.cc-有玩快三是真的吗| www.874188.com-网易彩票怎么提现| www.539347.com-怎样开彩票店| www.657594.com-旺彩彩票彩-| www.839275.com-足彩预测网易| www.930243.com-传统足彩返奖率| 博亿彩票www.622by.com| www.220263.com-中国福彩开奖结果| www.302798.com-彩中堂xyxxcc| www.371177.com-66好彩app下载| www.459262.com-彩票3d众彩网| www.90993.com-3d天天中彩吧字谜| www.88476.cc-彩518app-| www.43241.com-够力七星彩解梦奖表| www.99117.com-极速时时彩有规律吗| www.071200.com-足彩推单骗局| www.130890.com-云购彩票下载安装| www.223137.com-彩票1360亿-| www.279236.com-微信彩票群骗局| www.359229.com-大发彩票进不去| www.432076.com-凤凰微彩客户端| www.335769.com-彩票百位振幅走势图| www.861711.com-手机在线体彩| www.928017.com-山东十一选五彩经网| www.996551.com-快乐彩12开奖号码| www.bf60.com-帝王彩票兼职靠谱吗| www.f22.club-乐彩心水资料| www.41ls.com-亿菲彩票官方网站| www.292.space-七星彩搬家号码| www.79592.com-福利彩票是怎么玩的| www.706958.com-体育彩票国庆放假| www.772789.com-浙江福彩中心地址| www.67bl.com-幸运分分彩免费计划| www.4773.top-哪个彩票信誉好| www.956102.com-买彩票的心态| www.zg3.com-吉林快三一定牛预测| www.66314.com-五星乐彩可靠吗| www.278729.com-五福彩票下载| www.397670.com-福彩开奖规则| www.588861.com-今天七星彩开什么| www.677727.com-双色彩票开奖查询| www.od36.com-快三彩票共有多少注| www.70ma.com-大神推荐足彩竞猜| www.d68.org-一分快三准确预测| www.79or.com-福彩3d小条件方法| www.867385.com-一定牛彩票靠谱吗| www.933158.com-玩快三一年了| 百姓彩票www.bxcp3.com| 500彩票www.229075.com| www.135592.com-早上买彩票的人多吗| www.0234.in-赢彩门户网站| www.960502.com-排列三的彩票元网| www.cai7055.com中彩网江苏快3| www.204832.com-两分快三计划| www.257622.com-江苏11选5爱彩乐| www.460087.com-体彩排五出什么号| www.542920.cc-体彩大热透游戏规则| www.600028.cc-每天2元买彩票| www.682422.com-哪个软件还能买足彩| www.742355.com-天天中福彩-| www.802672.com-彩界的精英3d双胆| www.80610.com-竞彩网精彩团队| www.027983.com-快乐网购彩是骗局么| www.53787.com-正彩化妆品-| www.91512.cc-黄好彩香烟-| www.067578.com-凤凰娱乐彩票可信吗| www.126761.com-福彩3d开奖魔图| www.fm64.com-福彩十分钟快三| www.5nl.com-足彩税-| www.9721.net-优彩师真的假的| www.51614.com-竞彩比分直播现场| www.82352.com-江苏快三qq群| www.863388.com-哪种彩票中奖率最高| www.930698.com-玩彩票有什么规律| www.979872.com-商丘快三彩票| www.dl49.com-快三豹子-| www.958352.com-七星彩什么书准| 大赢家彩票www.799439.com| www.156887.com-彩票中奖福地| www.700079.cc-中国五百彩票网| www.7730.cc-印尼分分彩-| www.23650.com-腾讯分分彩后二教学| www.97551.com-体彩排列三杀码| www.052206.com-店之宝彩票-| www.57800.cc-鼓励买彩票的图片| www.39yy.com-巨丰彩票登陆| www.842.bid-小鹿时时彩助手| www.5038.net-梦见数字买彩票| www.9249.hk-注册初级彩票培训师| www.52716.com-七彩阳光歌曲| www.99988.com-明月福彩3d开奖号|