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天

知道了
大发快3 www.65vz.com-宝乐彩app下载| www.440345.com-彩票39-| www.553266.com-高手玩竞彩-| www.832239.com-彩票7app-| www.982333.com-日本有没有彩票| www.49al.com-天天赢彩票链接| www.059184.com-大发时时采彩计划群| www.ly05.com-外围球彩app| www.762.mobi-彩之家是正规平台吗| www.365298.com-彩票平台菜鸟| www.16326.cc-彩客网是正规网站吗| www.267219.com-2013彩票网-| www.362198.com-彩虹的图片-| www.6780.me-幸运娱乐彩票app| www.77128.com-体彩分析预测| www.153995.com-湖此快三走势图| www.308880.cc-老9乐购彩票| www.c2.net-湖北快三预测一定牛| www.024344.com-福彩丹东彩吧全图| www.0602.org-500彩票有规律吗| www.119059.com-湖北福彩官网下载| www.266844.com-快三图表福彩快3| www.545770.com-彩票机换纸视频| www.627058.com-彩票赛马开奖网| www.94400.cc-传统彩票开奖| www.204045.com-江西快三购买平台| www.194477.com-河北省福彩11选五| www.253666.com-北京福彩官网打不开| www.328181.com-福彩太湖-| www.409904.com-腾讯彩票走势图大全| www.523305.com-福彩3d双胆预测| www.599032.com-腾讯五分彩人工计划| www.uf07.com-那个是凤凰私彩平台| www.66iu.com-大富翁彩票网址| www.ti23.com-亚洲五分彩-| www.dq91.com-快三全国统一吗| www.h81.me-新华彩票平台| www.55vf.com-幸运快三投注大小| www.0479.date-网上购彩是真的吗| www.6388.vip-财富彩票骗局| www.yh19.com-667彩票-| www.31ai.cc-彩虹自助下单授权| www.292.la-七星彩中奖去哪兑奖| www.5374.biz-什么彩票三位数| www.02940.cc-掌优彩票投注记录| www.dy97.cc-有正规的网络彩票吗| www.855708.com-国内奖金最高的彩票| www.2692.org-官方福彩3d图表| www.6230.cm-竞彩足球258彩票| www.27527.cc-3d试机号宝彩| www.6ms.cc-福利彩票128| www.ss11.com-台湾三分彩开奖网| www.136921.com-七彩图书-| www.297950.com-快三数值表-| www.388711.com-黑龙江福彩软件下载| www.567090.com-吴昕儿童画彩虹| www.677310.com-最新的彩票代购网站| www.947819.com-福建快三实时开奖| www.5776.xyz-足球竞彩258| www.28713.com-福彩一双色球下载| www.85366.cc-天空彩票四字解玄机| www.040994.com-彩票长龙25期| www.129311.com-买彩票用什么软件| www.208985.com-彩票51注册-| www.254404.com-手机彩票app排行| www.700065.com-福利彩票领奖规定| www.917768.com-彩吧开机号今天| www.429678.com-玛雅彩票游戏官方| www.561858.com-赌彩票能发才吗| www.79249.com-天天彩骗局-| www.062830.com-淘彩票的注册码| www.008961.com-八手巴购彩票| www.322362.com-最稳的彩票计划软件| www.522232.com-pp彩票官网下载| www.671102.com-s56.cc赢彩网| www.059157.com-篮彩让分胜负玩法| www.699255.com-中国体彩票下载| www.451201.com-杏耀彩票怎么开代理| www.25992.com-彩吧彩票平台正规吗| www.45136.com-双龙彩票app| www.004939.com-体彩6十1兑奖| www.10477.cc-新浪爱彩欧洲杯| www.351216.com-时彩是不是合法直销| www.481177.com-和彩资料-| www.606837.com-北京彩票截止到几点| www.837503.com-力彩刻字机-| www.673576.com-申请彩票站-| www.272605.com-一分快三内部计划| www.846069.com-支付宝对彩票| www.43hs.com-好彩票网址| www.337652.cc-宝发彩票下载网址| www.788628.com-时时彩专家-| www.003048.com-香港牛蛙彩开奖现场| www.492321.com-甘肃临夏彩票中心| www.623686.com-财富彩票是骗局吗| www.771052.com-彩虹六号壁纸| www.750062.com-福彩双色球助手软件| www.872609.com-湖南体彩中心| www.944798.com-百信彩是黑网| GO彩www.gai57.com| www.0818.bid-网上彩票驿站骗人| www.556608.cc-彩票试机号今天| www.960036.com-彩票七天乐-| www.fj12.com-大发快三是骗局吗| www.gl1.com-彩票追杀-| www.9914.cm-快彩ios-| www.556607.com-体育彩票试机号| www.640345.com-新浪爱彩是啥平台| www.311361.com-彩神人工计划| www.298871.com-贵州快三选快三公式| www.770.la-九九彩票平台| www.12yy.cc-王者彩票平台登陆| www.0179.cc-国彩网软件下载| www.652822.com-连续发梦中彩票| www.739529.com-快三早上几点开始| www.813401.com-福彩3d的奖金| www.881645.com-搜狗彩票走势图表| www.f00.me-七乐彩机选号| www.332.red-2元彩票怎么中奖| www.388728.com-久久发彩票首页| www.546823.com-如何申请彩票销售点| www.459878.com-老彩民彩票网下载| www.575665.com-999彩票怎样| www.709494.com-彩乐乐十一运夺金| www.245896.com-vip500彩票-| www.088913.com-南国报彩票彩码精华| www.309789.com-足彩3场2关-| www.847733.com-竞彩足球世界杯竞猜| www.956516.com-新gg彩票平台| www.807703.com-女孩梦到彩票号码| www.898273.com-彩票扫一扫查询中奖| www.970405.com-3d彩飞票字谜| www.1637.org-老快三41期开奖| www.2500.com-刚力彩芽结婚| www.984348.com-竞彩猫怎么那么贵| www.hm25.com-上海新快三预测方法| www.005347.com-彩票砍龙概率| www.06889.com-下载国际福利彩票| www.019330.com-贵阳福利彩票| www.117006.com-彩票11选5app| www.54fi.com-826网上彩票| www.385979.com-天津体彩七星彩开将| www.144419.com-好彩堂论坛首页| www.759679.com-安卓版大中华彩票| www.46614.com-快彩11选五陕西| www.659574.com-新彩网6-| www.736561.com-时时彩全天大小计划| www.819911.com-玩什么彩票容易赚钱| www.881428.com-竞彩串场推荐| www.941124.com-北京单场彩票推荐| www.978474.com-皇都彩票用户登录| 网易彩票www.505354.com| www.895466.com-网投彩票可靠吗| www.971340.com-福彩3d字谜论坛| www.cp696.com-青海快三平台| www.77074.com-乐慱彩票app| www.065201.com-天下彩票开奖| www.179067.com-安徽省快三一定牛| www.846588.com-足彩大赢家比分直播| www.911534.com-湖北快三末出号统计| www.970897.com-迷彩兔a-| 鑫亿彩www.051069.com| www.iz59.com-微微彩票大发快三| www.f78.club-华人2彩票登录|