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.096867.com-粤彩100网-| www.172754.com-江苏快三官方平台| www.87155.cc-今日福利彩票中奖号| www.085999.com-四川乐山快三开奖| www.172600.com-中国福彩快三app| www.253161.com-36选7好彩2-| www.341032.com-沧州福利彩票| www.444871.com-彩票3d购买-| www.555877.com-777乐彩网-| www.631593.com-顺丰彩票游戏| www.121618.com-怎么看是不是彩票托| www.231155.com-苹果手机彩票app| www.325155.com-发达娱乐彩票旗舰版| www.420026.com-一品彩票下载安装| www.539343.com-彩票站倒闭-| www.204733.com-内蒙快三财经网| www.302740.com-微彩网app-| www.428681.com-足彩大赢家手机软件| www.550638.com-3d彩宝贝专家字迷| www.634425.com-多赢在线彩票app| www.738718.com-福彩快三输了二十万| www.832680.com-七彩游览器下载安装| www.911551.com-三亚彩票犯法吗| www.995706.com-竞彩赚钱-| www.sn77.com-中国快三线上平台| www.78dj.com-赌足彩输钱-| www.3491.cm-网上博彩好的平台| www.5478.cc-靠玩彩票赚钱| www.39661.cc-中彩线上app| www.496456.com-沁县彩英说唱| www.gm21.cc-国家对彩礼有新政策| www.43iw.com-彩色沥青路面| www.5718.cn-彩票能赚钱么| www.14379.com-浙江体育彩票手机版| www.599490.com-彩票回收-| www.085061.com-天天中彩票苹果版| www.216942.com-118彩票骗局| www.318185.com-360彩种大厅| www.393008.com-梅花图片手绘彩铅画| www.521529.com-竞彩篮球彩票预测| www.596010.com-三d福利彩票走势图| www.669155.com-11位彩票多少钱| 818合彩www.www.9889hc.com| www.qy81.com-分分彩公式怎么计算| www.49lb.com-北京人人彩-| www.100942.com-中彩网三d预测分析| www.301322.com-昨天彩票出什么号| www.390925.com-注册福利彩票账号| www.508011.com-彩票账户名-| www.576800.com-天天彩票银行卡解绑| www.668424.com-彩票最多中几个亿| www.745933.com-鸿运福彩是真的假的| www.832952.com-网易彩票网怎么注册| www.906063.com-安徽快三规律| www.l02.top-安全投资彩票网站| www.281468.com-时时彩三星做号思路| www.1049.com-采乐汇彩票正规吗| www.110157.com-帝王彩票是真的吗| www.222742.com-彩鸿彩票app| www.299749.com-凤彩网彩票双色球| www.383780.com-山西福利彩票块3| www.813514.com-彩票网站代理加盟| www.897813.com-合买彩票鼓励语| www.964354.com-广东体彩大乐透| 大赢家彩票平台www.976981.com| www.gz79.com-盈彩票是不是黑平台| www.r93.net-江苏快三二不同推荐| www.83xl.com-彩富网天下彩天空彩| www.4115.vip-七星彩小规律| www.15572.com-彩搜彩票搜索引擎| www.84595.com-福彩领导贪污| www.2842.cn-河南快三星号| www.wf3.com-彩八app下载安装| www.o99.top-玩彩票老头预测| www.052844.com-500万足彩比分| www.179068.com-微信群里玩快三幕后| www.260623.com-网上彩票快三能赌吗| www.356758.com-宁波年会彩票| www.444315.com-彩35安全吗-| www.529717.com-双彩论坛p3试机号| www.ja02.com-快三微信群解密| www.8ln.com-凤凰极速快三网站| www.187536.com-时时彩止盈止损永赚| www.285336.com-快三怎么看跨度| www.420369.com-中博彩票怎么样| www.518746.com-高频彩票输得快| www.585439.com-app97彩票-| www.650326.com-托班彩虹伞游戏玩法| www.737771.com-永利彩世界app| www.819638.com-彩票易中奖平台| www.905263.com-彩票概率计算公式| www.255024.com-金沙免费送68彩金| www.357769.com-经典彩票口号| www.453213.com-七星彩万字表格| www.532432.com-山东临沂孙成江彩票| www.607035.com-金龙彩票怎么样| www.678262.com-特彩把旧原版| www.750705.com-第一盛兴彩票| www.820086.com-重庆时彩开奖时间表| www.884023.com-双阳彩票站快三黑彩| www.953239.com-好彩爆珠有什么口味| 福彩网www.5522f.cc| www.jn55.com-七天彩票网在线官网| www.k74.cc-七天国际时时彩| www.46hx.com-萍乡竞彩网点| www.865.online-时时彩盈利网| www.5905.cc-彩礼超过三万犯法吗| www.05216.com-彩票第一门户app| www.54363.com-怎么做彩票计划员| www.000243.com-彩票头条合法吗| www.069755.com-神彩彩票app安装| www.128179.com-彩票代理赚流水| www.212015.com-大发快三提现失败| www.327398.com-连红彩票app入口| www.387768.cc-快三派彩助手| www.mh56.cc-快三跨度表怎么看| www.02nv.com-彩票3d怎么计算| www.91lh.com-五分彩投注技巧| www.315295.com-七彩连锁酒店| www.485889.com-体彩篮球竞彩玩法| www.625653.com-500万彩票预测网| www.18806.cc-彩票816软件| www.9048.cm-今晚七星彩什么| www.89243.com-567彩票合法吗| www.198895.com-京彩快三-| www.c83.me-百宝彩陕西十一选五| www.76nf.com-七乐彩几点结束| www.5376.vip-怎么玩彩票就赢| www.40340.com-新浪彩票佬牛解盘| www.92993.cc-长春红彩旗彩怎么样| www.c12.top-易彩彩民注册| www.54oh.com-最优的移动彩票软件| www.1975.in-赤峰体彩申请销售点| www.8656.in-世界杯彩票软件下载| www.37795.com-开个彩票网站多少钱| www.97588.cc-足彩每日推荐2串| www.at39.com-湖北福彩网精彩十分| www.591130.com-竞彩网app下载| www.675603.com-彩娱乐下载-| www.760927.com-广东好彩1app| www.835782.com-好彩一八解什么数字| www.894433.com-彩63官方-| www.949804.com-足彩金手指彩票网| www.996323.com-重庆时时彩钻石团队| www.bm52.com-大发彩彩票下载| www.sq21.com-彩票预测网站有几个| www.50yc.com-巨彩网站合法吗| www.87857.cc-华阳彩票快乐12| www.048621.com-彩萍大少爷-| www.117584.com-江苏足球e球彩| www.mj19.com-青海快三号码预测| www.1088.vip-彩票斩龙是什么意思| www.7887.vip-乐米彩票进不去| www.848719.com-什么时时彩软件正规| www.930693.com-8亿彩是不是真的| www.987234.com-福彩全民中奖独胆| www.cp421.com-幸运快三计划网站| www.pd19.com-河北体彩3d走势图| www.6ac.com-女孩说玩彩-| www.48ss.com-三国无双赵云和星彩| www.059809.com-三地家彩论坛| www.283857.com-彩票种类介绍| www.827038.com-最新彩票骗局| www.949742.com-中华彩票网app|