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.256823.com-天天中彩首页| www.015927.com-山西十分钟开彩结果| www.48783.com-众博彩票是合法的吗| www.482903.com-网络彩票中奖五百万| www.310755.com-吉林体彩在哪个频道| www.60669.cc-苏州福彩开奖号码| www.075379.com-中彩网骗人吗| www.511383.com-五洲彩票倒闭| www.120629.com-福彩甘肃快三今天的| www.259261.com-奥客彩竞彩比分直播| www.987198.com-购彩堂彩票是真的吗| www.ry38.com-乐盈彩票app下载| www.76pj.com-彩票计划挂6期包赔| www.500961.com-儿童彩色画大全| www.586042.com-赠送彩金的棋牌游戏| www.469702.com-银川市彩票中心| www.666177.com-大乐彩怎么回事| www.88fk.cc-新富贵彩票-| www.0671.wang-彩票点几点开门| www.9734.cn-旧版特彩吧9949| www.544757.com-3d彩易-| www.674686.com-汇丰彩票app注册| www.772084.com-500彩官方下载| www.324665.com-体彩3d图迷-| www.424387.com-利民彩票网站合法吗| www.552014.com-中彩票成为亿万富豪| www.632339.com-时时彩怎么玩稳赚| www.707603.com-彩588登录-| www.059.biz-利彩机械-| www.827659.com-彩名堂最新版apk| www.933350.com-哪个省份中彩票最多| www.996450.com-新粵彩报-| www.az26.com-极速快三技巧| www.212952.com-3d彩票中奖号| www.431197.com-最新最全的彩票标签| www.540802.com-吉林k3黑彩-| www.663364.com-3d123彩票网| www.71ci.com-梯子游戏彩票官网| www.x77.wang-彩8娱乐重庆时时彩| www.85sw.com-怎样预测5分钟快三| www.034428.com-nba彩票网站| www.332136.com-9个号彩票-| www.449950.com-博彩高倍-| www.ag.com-安福彩快三走势图| www.s23.com-中国福利彩票如何玩| www.22573.cc-中国福彩中心网站| www.009835.com-熊猫彩票8-| www.40334.com-在线彩票购买| www.030357.com-超级福彩骗局| www.940856.com-彩票网投套利| www.32yw.com-随时赚彩票是正规| www.314458.com-足彩竞猜比分值播| www.386262.com-3d彩宝贝专家杀号| www.253039.com-买彩票提成是多少| www.0354.bid-快三表演视频| www.7710.top-香港和彩-| www.34536.cc-激励买彩票的句子| www.cp6337.com-一分钟快三官网| www.b09.pw-必发彩票时时彩官网| www.047747.com-易经推算彩票| www.133472.com-财富彩票平台手机版| www.223897.com-体彩e球彩直播| www.339.cc-奇门如何测港彩| www.96nk.com-pk88888彩票| www.2922.in-极速快三怎样买赚钱| www.095192.com-彩票数字能重复吗| www.219830.com-福彩3d开机号今天| www.572161.com-两分彩怎么玩| www.654279.com-风之彩是传销窝点吗| www.582165.com-广州一定发网络彩票| www.022794.com-福利彩彩世界app| www.115181.com-大发时彩全天计划群| www.994979.com-0500彩票网-| www.uj77.com-大家赢彩-| www.494939.com-博彩彩票游戏| www.596435.com-中国福彩安卓版下载| www.lt94.com-彩微花-| www.58ai.com-椒江体育彩票店转让| www.210745.com-大发快三稳赢| www.622.in-时时彩必赢技术| www.947112.com-高频彩是正规的吗| 大赢家彩票www.357411.com| www.js20.com-王者彩票安卓下载| www.x22.com-991188彩-| www.49ig.com-美国买彩票数学家| www.287158.com-体彩申请书-| www.366610.com-中国福利彩票33期| www.178998.cc-快三屠龙-| www.979415.com-蓝盒好彩香烟价格| www.126875.com-水彩画天空-| www.056644.com-安徽福彩在哪兑奖| www.33903.com-彩乐园下载安装| www.986783.com-篮彩比分直播网| www.bs07.com-彩票缩水-| www.e08.net-竞彩神单-| www.58226.cc-香港乐彩票网| www.762383.com-87彩店最新版| 天玺彩票www.208780.com| www.fe36.com-快三有多少种可能| www.yy28.cc-惠民彩票可信吗| www.26oy.com-福彩3d天牛图库了| www.oy11.com-福彩3d胆码推荐| www.79st.com-中彩票大奖人的结果| www.96872.com-海南私彩合法吗| www.377045.com-易彩乐快三看走势| www.486601.com-呼市转彩票机流程| www.57vi.com-小学五年级课文彩票| www.011314.com-500彩票注册| www.626020.com-一分快三破解方法| www.750859.com-彩经彩票ios| www.854143.com-新浪数字彩票走势图| www.932416.com-官方手机购彩客户端| www.981941.com-金彩网首页-| www.cp744.com-快三网站投注员| www.705320.com-彩票帝王彩平台| www.800868.cc-288彩猫网-| www.879063.com-澳门福彩开奖| www.946702.com-福建福彩15选五| www.990889.com-彩之网互动交流区| www.bb67.cc-安徽快三彩票| www.tb73.com-福利彩票包括哪些| www.477982.com-福利彩票积分兑礼品| www.709285.com-买彩票怎么打不开了| www.800827.com-福彩3d天天开奖| www.880738.com-彩票哪里可以网购| www.949247.com-湖北快三吧-| www.995498.com-微信玩彩票是真是假| www.dy4.com-快三秒热水器安全吗| www.lx46.com-福建体彩官网| www.066137.com-统一彩票可靠吗| www.716193.com-澳洲时时彩免费计划| www.777362.com-江苏e球彩直播软件| www.835165.com-lol炫彩皮肤| www.891210.com-最牛福彩店广告语| www.950946.com-5o0万彩票网首| www.992982.com-竟彩资讯-| www.cp7553.com-北京快三预测一定牛| www.pc07.com-安徽快三走势图软件| www.13gj.cc-语文故事中彩那天| www.84po.com-竞彩篮球胜分差教程| www.2189.me-体彩机如何提现| www.7792.org-俄罗斯彩蛋的意义| www.18262.cc-福利彩票湖南| www.53753.cc-澳洲彩-| www.005517.com-时时彩快3app| www.92ek.com-体彩大乐透前区中一| www.42161.com-彩12娱乐-| www.82407.com-第35期福利彩票| www.175334.com-福建省福彩-| www.843366.com-福彩与慈善的关联| www.67626.cc-合法赌博彩票机| www.032310.com-博彩推广要加什么群| www.048138.com-淘彩票apk-| www.103165.com-竞彩足球胜平负预测| www.166647.com-安徽快三开奖号码| www.872394.com-贵州福彩3g-| www.088410.com-今日足彩比分直播| www.130706.com-福彩致富团队| www.301915.com-七星彩网易开奖时间| www.556147.com-体彩和福彩造假| www.630628.com-乐彩网三地开奖结果| www.699239.cc-老彩票主页-| www.097180.com-吉林快三97微信群| www.208798.com-彩票专业术语详解|