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天

知道了
彩01彩票 www.26861.cc-七乐彩生肖幸运选号| www.356531.com-酷彩吧是什么| www.761342.com-好彩下载-| www.872377.com-福彩端安全可靠吗| www.970488.com-买彩票守号能中奖吗| www.qw9.cc-彩民论坛高手| www.65js.com-满堂彩平台-| www.8538.top-七彩金龙-| www.774784.com-下载七星彩开奖表| www.074618.com-彩·富网-| www.2974.biz-56幸运彩票-| www.969143.com-福彩公益金使用违规| www.000479.com-彩票103安卓版| www.104015.com-竞彩预测推荐| www.256229.com-公益彩票app下载| www.58468.com-安彩高科重组传闻| www.8284.cn-重庆时时彩玩牛牛| www.947146.com-福彩高频彩诈骗| www.nb36.com-破解彩票软件| www.55cm.com-779彩票下载安装| www.y36.cc-彩神通关注码两码| www.521035.com-星彩无惨邪恶帝国| www.686718.com-美国中彩票的人结局| www.843885.com-彩票中奖金额上税| www.cp3232.com-新快三合不合法| www.36682.cc-梦中彩票号码| www.89974.com-关于福利彩票的书籍| www.963687.com-在镇上开彩票店| www.xa32.com-湖北福彩中心| www.291938.com-如何彩票平台刷流水| www.467214.com-七乐彩几点-| www.109932.com-体彩开什么号| www.611011.com-双色球杀号新浪爱彩| www.875313.com-彩票微社区-| www.aw12.com-福利彩票手机版| www.84966.com-福彩群英会任三遗漏| www.48288.cc-时时彩铺助器| www.113513.com-彩吧3d开机号| www.319631.com-爱彩乐报警-| www.512626.com-彩铅画图片人物明星| www.698773.com-儿童彩铅风景画| www.853055.com-天津彩钢瓦新宇| www.206229.com-中国彩骗局-| www.155825.com-体育彩票飞鱼技巧| www.106556.com-五分彩历史开奖号码| www.359580.com-宁德体彩站点| www.10012.com-七乐彩复式怎么打| www.414109.com-卦彩-| www.591643.com-海南开放博彩| www.762318.com-买篮彩的软件| www.964471.com-竞彩普及日强胆推荐| www.58259.cc-快三走势安徵| www.tg44.com-手机彩票投注站| www.106360.com-彩77安卓规矩| www.587161.com-彩票为职业-| www.773382.com-棋牌游戏送88彩金| www.909209.com-福彩3d预测总汇测| www.ec62.com-博众时时彩软件下载| www.lb49.com-冀彩宝官网靠谱吗| www.ki75.com-中国体彩排五走势图| www.244546.com-福彩3d选号助手| www.998951.com-永乐彩票-| www.877016.com-双色球彩迷网| www.34lv.com-七星彩开过豹子号| www.93748.com-70彩票网官网首页| www.of94.com-体彩网走势图l| www.92ue.com-澳洲快三-| www.103298.com-吉林快三稳赚| www.698295.com-速彩吧官方彩票网| www.866597.com-福彩什么时候开奖间| www.fj6.com-福彩快三分几个省| www.486191.com-陕福利彩票开奖结果| www.633689.com-腾讯分分彩四星刷洞| www.870677.com-易旺彩票io-| www.0608.org-易彩一分钟规律| www.728815.com-大连体彩网点| www.829566.com-百盈彩票被黑| www.911611.com-七星彩计划软件| www.993686.com-竞彩单关历史| www.bd58.com-快三安徽开奖走势图| www.947378.com-全国彩吧-| www.18se.com-周日什么彩票开奖| www.4342.cn-f彩是正规平台吗| www.132687.com-彩米彩票-| www.834142.com-开幕式彩烟贵吗| www.953083.com-吉林快三快彩助手| www.aj74.com-七星彩综合走势图| www.x18.com-大连体彩兑奖地址| www.074.bid-中奖彩民教你选号| www.6655.cc-休彩票排五开奖直播| www.38242.com-彩神v1-| www.016743.com-三分钟时彩下载| www.169531.com-内蒙快三玩法| www.248796.com-大发彩票官网黑平台| www.339140.com-彩票2元网杀号| www.912526.com-浙江快乐彩走势| www.a05.top-大通彩票app下载| www.043135.com-餐厅送彩票宣传语| www.220638.com-大奖彩票-| www.320278.com-大乐透家彩网开机号| www.277316.com-七星彩去哪才能买| www.270055.com-福彩七乐彩开奖| www.692412.com-乐乐彩票站-| www.803368.com-彩票高手群qq号| www.905169.com-江苏快三跟着群| www.tw90.com-彩票屠龙是怎么回事| www.019506.com-买一分快三技巧| www.ym3.cc-黑彩票平台怎么举报| www.sl25.com-重庆时时彩倍率漏洞| www.914529.com-优信彩票平台可靠吗| www.974102.com-看彩票是在什么频道| 彩69www.899465.com| www.ie46.com-体彩跨度振幅走势图| www.261493.com-彩票群聊互动| www.cai8911.com今晚七星彩-| www.966387.com-幸运快三倍投技巧| www.661905.com-最近竞彩中奖彩票| www.20204.com-九度彩票官网| www.68823.cc-3d乐彩网胆码预测| www.9473.cc-体彩p3图谜第一版| www.71477.cc-体育彩票在哪里领奖| www.830149.com-盈彩在线注册| www.971069.com-体彩中奖规则明细| www.ca46.com-河北福彩排5| www.067237.com-假彩票打印系统| www.8170.org-各种彩釉大瓶| www.62679.cc-支付宝买世界杯彩票| www.093960.com-麦久彩票网老妖| www.1033.cn-神彩网高手论坛| www.730756.com-彩票小诸葛推荐| www.827252.com-下载3d彩易网| www.917113.com-彩客网触屏版胜平负| www.980044.com-急聘彩票打票员一名| www.585548.com-福彩三弟字谜| www.507184.com-玩彩票的方式方法| www.7961.xyz-世界博彩业的发展| www.528531.com-彩票复试什么意思| www.794306.com-吉彩全部彩种| www.877403.com-彩票怎么猜号| www.986252.com-靠谱博彩平台| www.ol58.com-福彩有几个玩法| www.80xy.com-天涯论坛彩票骗局| www.4568.net-网络彩票源码| www.525757.com-红旗彩票快三入端口| www.662496.com-怎样玩全民彩票| www.751180.com-博牛彩票是骗人的吧| www.827466.com-福彩骗局佳缘| www.882472.com-英国五分彩怎么玩| www.953205.com-黑龙江体彩网开奖| www.992161.com-江苏快三独胆怎么玩| www.cp8556.com-上海福彩网快3| www.962525.com-黑彩跟单计划靠谱吗| www.772761.com-全天88时时彩| www.xi48.com-三地字谜双彩论坛| www.7697.cm-特彩吧9949网| www.71191.com-体彩票开奖时间几点| www.061958.com-万彩网快三是否合法| www.135139.com-开体育彩票的店| www.751625.com-瑞彩祥云作弊器| www.834349.com-日免软红好彩多少钱| www.894559.com-黑龙江福彩22| www.947902.com-彩多多-| www.981937.com-凤凰购彩平台网址| www.qd.com-广西快三人工计划网|