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.443709.com-三分时时彩下载软件| www.588786.cc-全民免费彩票可靠吗| www.680622.com-一号彩票骗局揭秘| www.758412.com-天天彩票平台靠谱吗| www.831374.com-中彩票公司要求平分| www.899829.com-下载彩81彩票软件| www.964391.com-全国福彩体彩开奖| 博友彩www.286967.com| www.971409.com-彩票分析基础答案| www.663884.com-体育彩票主题| www.311382.com-北京快三基本走势| www.361753.com-2044彩票注册| www.894451.com-速8彩票网站网址| www.332529.com-网络彩票平台吧| www.20959.com-新益恒彩票骗局| www.16277.cc-中国福彩机选| www.241686.com-2元彩票网下载| www.10834.cc-澳客网彩-| www.81524.com-菲律宾博彩招聘骗局| www.609695.com-永盛彩票网手机版| www.198582.com-体育彩票开奖| www.323502.com-七乐彩投注机选号| www.715581.com-彩票走势分析软件| www.817415.com-美国彩票网-| www.930651.com-彩票中1万要交税吗| www.lf2.com-大发快三的投注技巧| 68彩票www.68689k.com| www.168686.com-大发快三屠龙是什么| www.176947.com-国家福彩一分快三| www.82496.com-体彩500走势图| www.049036.com-东北彩王马洪平技术| www.61191.com-购彩堂app下载| www.971617.com-泰安体彩3亿| www.11qo.com-彩票自带聊天室红包| www.615604.com-体彩奖金怎么算| www.910718.com-中国足彩网官方首页| www.vx9.com-彩票澳洲5分彩| www.79ew.com-重生之彩票大亨| www.60wt.com-网易彩票吞钱吗| www.1912.org-东方彩票一投入梦想| www.9209.in-彩虹精化股票分析| www.62434.cc-微信体彩机充值| www.36929.com-南京有快三吗| www.645458.com-一个竞彩高手的| www.757731.com-福利彩票利润| www.837434.com-立彩邀请码多少| 500彩票www.66653z.com| www.cp0698.com-一分快三破解器下载| www.qp10.cc-pc彩票是怎么玩的| www.23387.cc-七乐彩除九走势图| www.93928.cc-足彩单关-| www.572988.com-彩客彩票app苹果| www.566885.com-好彩堂跑狗论坛| www.172572.com-兰州快三走势一定牛| www.881934.com-五八彩票官方网站| www.761394.com-好彩妹是什么意思| www.908869.com-彩神帝8快3-| www.41br.com-化妆品套装正品彩妆| www.jf2.cc-彩3彩票-| www.cp051.com-江西多乐彩走势图| www.347779.com-彩虹的约定歌曲原唱| www.507503.com-吉林快三押注平台| www.590665.com-足彩胜负平中奖| www.669311.com-360彩票最大遗漏| www.751410.com-聋哑彩票-| www.551878.com-快开彩开奖-| www.652709.com-最新足彩开奖结果| www.734770.com-足彩新浪彩票老版| www.799027.com-刺客研彩论坛| www.873551.com-网易购彩靠谱吗| www.941380.com-江苏体育彩票网| www.987526.com-广西玉林彩票店| www.an39.com-内蒙快三就是牛| www.533319.com-数学家中奖彩票| www.635666.com-皇冠彩票网提不出款| www.018843.com-旭彩美缝剂批发| www.897778.com-福彩公益用语| www.505601.com-国丰彩票犯法吗| www.678688.com-首注册送58彩金| www.290942.com-快三摇奖号码内蒙古| www.361655.com-彩票测试账户| www.448921.com-高频彩种专业品牌| www.326716.com-足球彩票缩水软件| www.114639.com-500万网上买彩票| www.781100.com-彩虹岛2手游中文版| www.885583.com-彩宝彩票软件安卓版| www.6165.cc-乐盈网彩票| www.87bf.com-时时彩代-| www.17385.com-明彩彩票资料大全| www.mh38.com-网上彩票如何赚钱| www.510644.com-自然彩虹风景图片| www.603250.com-二手彩钢围挡价格| www.680851.com-333彩票网安全吗| www.785163.com-彩票字谜大全及答案| www.016989.com-彩八彩票邀请码| PK彩票www.www.23040.com| www.592692.com-购买海南七星彩源码| www.703226.com-万家彩票是什么| www.862986.com-上期福彩开奖号码| www.as50.com-广西快三助手苹果| www.69rt.com-男主彩票中奖小说| www.5906.com-1.97赔率快三| www.5524.vip-多盈彩票秒速赛车| www.199753.com-福彩直播现场直播| www.17387.com-河南体彩网申请| www.676322.com-多彩时时彩d55| www.do33.com-贵州福彩快3下载| www.025694.com-体彩一等奖领奖程序| www.108568.com-七星彩中了三个数字| www.850128.com-竞彩足球比分推荐| www.366265.com-荷花彩色铅笔| www.598821.com-35福利彩票-| www.700449.com-竞彩兑奖-| www.804036.com-双色球中彩-| www.900877.com-辽宁3d水果图彩吧| www.974651.com-app众彩官网下载| www.ff18.com-查询彩票开奖软件| www.662949.com-体彩p62开奖结果| www.735710.com-五分彩公式怎么计算| www.818862.com-七星彩开奖是几点钟| www.885804.com-福彩3d彩神关注号| www.953607.com-好彩香烟有几种口味| www.999821.com-彩民网资料大全| www.ts73.com-安徽快三结果查询| www.24711.com-彩铅画润玉-| www.463846.com-怎么微信买彩票| www.591600.com-彩票app澳门永利| www.688914.com-湖北快三随州社区| www.880868.com-快频彩票下载| www.05ue.com-国产彩电什么牌子好| www.05567.com-爱彩a98app-| www.50732.com-网易彩票真实可靠吗| 500彩票网www.97655q.com| www.570807.com-七彩山鸡苗价格| www.12758.com-运盛彩票真的假的| www.81687.com-人人彩票好吗| www.053668.com-体彩任九推荐| www.088810.com-福彩快三安全吗| www.408289.com-河南的彩礼多少钱| www.531209.com-新浪百度彩票走势图| www.622212.com-预测准的彩票| www.491088.com-十分彩玩法介绍| www.590538.com-七星彩抓奖图| www.hc21.com-彩八官网-| www.wk70.com-开彩网开奖结果查询| www.06up.com-凤九彩铅画过程| www.040800.com-篮彩看盘技巧| www.862510.com-彩票杨光华著作| www.423456.com-三国杀张星彩去衣| www.66314.com-五星乐彩可靠吗| www.8778.in-激光透视彩票| www.089389.com-彩票北京单场预测| www.nn76.com-竞彩下盘规律| www.167822.com-今日安徽快三走势图| www.266053.com-福彩快三复式投注表| www.444187.com-最棒的移动彩票软件| www.569267.com-彩票店上班的坏处| www.673706.com-建筑彩画图案| www.69sx.com-体彩乐透规则| www.eq10.com-快三秒奶茶加盟店| 爱购彩票www.355264.com| www.037208.com-致富彩票官网下载| www.515630.com-网上买彩票赔了5万| www.587389.com-今天足彩分析|