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.614729.com-三彩男装-| www.75768.cc-彩票每天救援金| www.143856.com-竟彩足球-| www.266058.com-燕赵福彩网新闻| www.350729.com-彩膜厂-| www.450002.com-爱米彩-| www.539631.com-彩票中奖奖金怎么算| www.658274.com-中彩网是黑平台吗| www.739601.com-中华福彩开机号| www.818247.com-新浪彩票资讯网| www.893901.com-金牛彩票官网| www.960192.com-最可靠的彩票平台| 500彩票www.50024k.com| www.964275.com-最快的竞彩足球公告| www.hh82.cc-中彩娱乐下载| www.92.cm-新彩吧彩票下载安装| www.97ai.com-人生没有彩排事例| www.5278.site-今天赛马派彩和结果| www.424013.com-三国杀张星彩| www.544171.com-彩吧图谜5-| www.710678.com-七乐彩选号简单方法| www.809558.com-彩团网app-| www.885357.com-彩宝贝网杀号定胆| www.l98.club-什么是七乐彩票| www.80jw.com-彩票平台招人| www.29962.com-火云福彩3d-| www.667381.com-内蒙体彩红包雨| www.778474.com-彩20彩票下载安装| www.877559.com-福彩快3豹子号前兆| www.460084.com-cf炫彩背包-| www.581576.com-彩塔808-| www.660607.com-分分彩注册网址| www.2496.cm-体育彩票转让信息| www.16359.com-体彩七星彩的走势图| www.72784.com-多赢吉林快三走势图| www.066220.com-快三和值大小规律| www.36232.cc-132彩票网-| www.010400.com-赢多彩票-| www.092868.com-体彩摇奖直播视频| www.176171.com-湖北快三网页计划| www.261826.com-福彩3d彩票两元网| www.835503.com-福彩好彩3开奖| www.905989.com-安溪体育彩-| 奔驰彩票www.29178e.com| 500彩票www.763659.com| www.lh27.com-9a彩票-| www.1zi.com-手机彩膜一体机| www.65bt.com-长沙市福彩网| www.2566.in-体彩排三怎么玩的| www.9039.cm-体彩篮球怎么玩| www.60506.com-来彩彩票太坑人了| www.114322.com-彩票3d和尾走势图| www.420056.com-三门峡快三开奖结果| www.535116.com-今日福彩三地杀码| www.853692.com-新彩票平台-| www.943407.com-老彩民app下载| www.989852.com-三d太湖字谜多彩网| www.9020.biz-上海彩票电话投注| www.89547.com-快乐双彩开奖玩法| www.751978.com-新亚洲彩票注册| www.cp3771.com-北京快三路线| www.xd47.com-在线买彩票app| www.31jo.com-彩虹吉他教学| www.6868.link-好彩柠檬爆1871| www.62759.com-雪缘网足彩比分直播| www.025343.com-福彩3d大小-| www.163789.cc-靠彩票能翻身吗| www.250513.com-中彩彩票中福快三| www.94793.com-青海西宁快三查| www.100788.com-三分时时彩app| www.174418.com-快三哪个省最火| www.250159.com-爱彩彩票安卓| www.314565.com-竞彩网计算器比分| www.386789.com-福彩凤彩网三d胆码| www.569939.com-七彩捞腌菜下载网址| www.653512.com-北京快三彩票爱彩乐| www.06.la-玩私彩处罚-| www.983668.com-66手机彩票正规吗| www.fp83.com-福彩快三刷流水赚钱| www.71620.com-购彩平台哪个好| www.049896.com-天下彩藏宝阁| www.122031.com-安徽彩票中奖记录| www.191357.com-湖湖北快三一定牛| www.82236.com-境外网站买彩票| www.167825.com-安徽快三开奖是多少| www.315607.com-彩虹六号3手机版| www.520138.cc-福彩快三破解公式| www.639968.com-大通彩票手机app| www.bl6.cc-湖北快三预测软件| www.423101.com-体育彩票宣传图片| www.569819.com-吉林快三专家| www.653653.com-玖富彩票登录网址| www.720628.com-七乐彩一单式开奖| www.789585.com-竞彩001历史数据| www.859692.com-夏门快三开奖结果| www.918035.com-彩票免费领彩金论坛| www.969604.com-牛彩彩票邀请码| 鑫亿彩www.031069.com| www.jn20.com-江苏快三输了十几万| www.e67.club-福彩30选7玩法| www.29je.com-搜孤彩票-| www.090054.com-我想代理一个时时彩| www.383769.com-彩金价格多少钱一克| www.43lw.com-竞彩足球串关计算器| www.6134.biz-如意彩是合法的么| www.019529.com-四川福彩网官方网站| www.163541.com-温州体彩网-| www.350598.com-a3彩色打印机报价| www.531906.com-八卦九宫图用于彩票| www.666626.cc-乐彩网正规不| www.800119.com-博彩漏洞改单| www.940911.com-福彩pk10官网| www.442307.com-福彩和值跨度速查表| www.631775.com-七彩阳光小视频| www.770117.cc-彩票线路检测中心| www.0835.bid-趣9购十分彩| www.19vz.com-线上体彩是诈骗吗| www.5071.cn-手机哪里可以买足彩| www.27689.com-体彩门头多少一米| www.003389.com-网络彩票牌照| www.60km.com-今晚双彩球开奖结果| www.8959.top-更多精彩点此进入| www.58617.com-福彩3d旺彩软件| www.061094.com-六壬金口诀测彩| www.338096.com-彩票微信怎么合买| www.468646.com-3d彩吧图谜第2版| www.950767.com-彩运8靠什么挣钱| 亿彩彩票www.yi770.com| www.10sv.com-澳客彩票下载ios| www.378841.com-k彩娱乐彩民福地| www.749144.com-休育彩票31选7图| www.qy85.com-腾讯5分彩网址| www.91aw.com-彩票中奖需要缴税吗| www.6088.cm-竞彩盘口分析技巧| www.5033.cm-p彩票聊天计划| www.26329.cc-下载彩票彩吧| www.93500.cc-彩24app-| www.206588.com-神州彩票软件下载| www.301915.com-七星彩网易开奖时间| www.633567.com-神彩通四码-| www.731420.com-彩票3d开奖走试图| www.827740.com-两分彩是不是骗局| www.910661.com-甘肃快三走势带| www.984130.com-彩店宝彩票肇星| www.61sn.com-全民智投彩票官网| www.228052.com-彩礼39999寓意| www.602813.com-彩虹六号国服上线| www.669249.com-怎么制作彩票统计图| www.966509.com-即开型彩票吧| www.cai2766.com内蒙快三形态走势图| www.pw05.com-广发彩票骗局| www.30yu.com-彩票差一位得多少钱| www.86ut.com-掌上娱乐时时彩| www.1703.com-快三倍数-| www.6789.online993彩票软件下载| www.029971.com-实时平台彩-| www.154466.com-随时赚彩票苹果版| www.267633.com-彩票计划手-| www.351926.com-香港福利彩票资料| www.483853.com-七天彩票网上够买| www.557650.com-双色球彩池奖金| www.9659.biz-六活彩最新开奖| www.69232.cc-趣彩彩票违法吗| www.032269.com-时时彩群推广|