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.111686.com-朝圣彩票计划软件| www.254071.com-吉林快三彩票合法吗| www.344797.com-彩票联盟是什么| www.444149.com-最棒的彩票销售平台| www.546014.com-福利彩票店室内设计| www.682290.com-体彩微信-| www.769228.com-聊天老是说她买彩票| www.894452.com-大乐透彩票图片大全| www.960162.com-布衣图库好彩网| 大赢家彩票www.493306.com| www.jr22.com-腾讯快三开奖| www.g38.club-苹果彩票网登录网址| www.45vh.com-鼎盛彩票计划网址| www.974.me-附近体育彩票店位置| www.8944.wang-旺彩大乐透走势图| www.50916.com-大通彩票网站| www.97855.com-高返点的彩票网站| www.068278.com-彩票网平台开发| www.137703.com-福利彩票新闻| www.221133.cc-快三豹子追号计划表| www.299379.com-彩票输了几十万| www.376872.com-易彩乐全国玩法| www.610469.com-超值8彩票-| www.687946.com-下载福彩网-| www.772184.com-时时彩票后三组六| www.873614.com-青蛙彩票网站开奖| www.974605.com-七呈彩开奖-| www.bg59.com-中国彩骗局-| www.th26.com-发彩网app平台| www.06tn.com-彩铅切开橘子教程| www.80fb.com-福彩3d的图谜| www.2010.vip-福彩旗下投资| www.7874.pw-福彩3d奖金多少钱| www.29219.com-玩彩乐下载-| www.73279.com-u588发发彩票网| www.099522.com-百盈快三开奖号码| www.171238.com-下载河北快三走势图| www.271659.com-好彩1玩法技巧| www.361182.com-十分快彩-| www.450412.com-如何戒彩票-| www.547812.com-七星彩大七公鸡| www.656022.com-亚博体育彩票合法吗| www.746980.com-酷彩吧可以买彩票么| www.822323.com-新浪直播七星彩| www.893190.com-超级彩票app| www.963474.com-网购足球彩票| 盈彩票www.355225.com| www.ie67.com-不要买彩票-| www.zl90.com-开门彩票网-| www.26lz.com-易发彩app下载| www.0404.cn-重庆五分彩怎么玩| www.6870.org-彩票平台源码的优质| www.20567.com-重庆时时彩回血交流| www.62653.cc-今晚七星彩开码结果| www.034406.com-篮球竞彩推荐| www.121376.com-福利彩票往期结果| www.194433.com-河北快三开奖公告| www.266868.com-彩票追遗漏-| www.370163.com-福彩3d金码推荐号| www.465247.com-彩票怎么玩才不会亏| www.552718.com-买彩票为什么一直输| www.654546.com-足球胜负彩开奖规则| www.727307.com-快彩网是正规的吗| www.789623.com-女足世界杯有竞彩吗| www.864918.com-人人中彩票网合法吗| www.927891.com-彩色打印机哪种好| www.ml8.com-如何看快三彩票走势| www.ql56.com-福彩快三国家支持吗| www.08nq.com-6701彩票www| www.76ce.com-足彩app奖金优化| www.1313.vip-重生亿元彩票| www.9071.vip-海南新七星彩论坛| www.43300.com-四川福彩学院| www.87603.com-彩6a官网平台| www.037727.com-双色球彩票大师| www.137315.com-彩6采票-| www.213227.com-江苏快三分析软件| www.282366.cc-小鹿彩票app| www.380141.com-彩鸾归令老宅忆娘亲| www.500089.cc-078彩票网址| www.566002.com-彩虹6号干员说话| www.632361.com-时彩回龙门投注法| www.702707.com-盛澳竞彩会赚钱吗| www.775309.com-环彩彩票官网ios| www.917762.com-彩虹玫瑰花语| www.966912.com-恒大彩票可靠不| www.7790.xyz-时时彩qq群-| www.46399.com-彩票专家推荐双色球| www.88993.cc-可以买卖二手彩票| www.039895.com-网投彩票赚钱靠谱吗| www.825757.com-山西大同快三查询| www.888999.com-百乐彩下载-| 彩之堂www.55czt.com| www.bm48.com-90彩票平台登陆| www.ry00.com-官方彩5分快3| www.19th.com-找微信彩票群号| www.97vt.com-国丰彩票能赚钱吗| www.3833.cm-众彩网排三预测| www.9866.me-彩票带打群-| www.59632.cc-彩库宝典开码直播| www.010181.com-极速时时采彩规律| www.073343.com-大家赢彩票安全吗| www.131531.com-山西婚嫁彩礼行情| www.200708.com-昨日彩票号-| www.265856.com-l福彩3d开奖| www.382157.com-大智慧快三平台| www.499533.com-恽煌彩票网址| www.561920.com-易彩网是骗人的| www.625038.com-做彩票推广的技巧| www.686566.com-彩500网址-| www.754896.com-白莱网送彩金| www.872368.com-江苏省体育彩票11| www.940015.com-吉林快三盘系统| www.979629.com-五彩缤纷香烟| www.df02.com-大家赢彩票-| www.sn29.com-时时彩二星和值规律| www.03ih.com-互联网彩票停售| www.67pb.com-七星彩华南地区论坛| www.0284.vip-彩票站营销计划| www.7340.cc-彩虹802无人机| www.18173.cc-竞彩足球比分分析| www.53812.cc-横沥东方亮彩怎么样| www.92145.com-5个数好彩2多少注| www.039913.com-英国快三开奖查询| www.151593.com-怎么下载乐彩网| www.228613.com-彩色包装纸箱设备| www.296139.com-福彩一等奖多少钱| www.357821.com-微迅彩票网-| www.428398.com-国外分分彩-| www.512468.com-玩彩网是不是真的| www.572350.com-彩票开奖对比器| www.631726.com-海南七星彩麦奖网站| www.689795.com-竞彩走势图-| www.755712.com-福彩3d幸运鑫推荐| www.900629.com-三毛第二版彩吧图库| www.958613.com-贵阳市彩票中心地址| 彩民村www.88cmc.com| www.yx3.com-体育彩票怎么买号码| www.oq70.com-六福彩下载安装| www.6tm.com-网易彩票结果查询| www.53bn.com-最好彩票软件下载| www.466.cm-彩票店累吗-| www.3387.com-手机网易彩票| www.8131.net-福利彩票星期几有| www.21633.cc-6678彩票网站| www.56727.cc-利盈彩票登录| www.103006.com-中了彩票大奖借钱| www.154546.com-博雅彩票真的吗| www.237502.com-彩客竞彩彩票骗局| www.303758.com-福彩3d真实谎言| www.361755.com-2044彩票官网| www.434438.com-江西有自助彩票机吗| www.542765.com-彩拾彩票正不正规| www.658816.com-七星彩遗漏统计| www.730096.com-生彩宝官网-| www.789718.com-竞彩彩票合买群骗局| www.850925.com-网络销售彩票好做吗| www.904466.com-大发快三客服| www.951354.com-博彩票线路导航| www.983054.com-体彩吧百度贴吧| www.hv03.com-五分快三官方开奖| www.vo93.com-三的跨度走势图福彩| www.8cc.com-彩票a8骗局-| www.48pz.cc-爱心彩票-|