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天

知道了
1分快三 www.179672.com-彩票计划软件| www.087042.com-10彩票app-| www.cai1244.com江苏快三网站| www.yb36.com-新彊福利彩票| www.631362.com-爱彩人彩票网下载| www.784109.com-国乐彩用户注册| www.883830.com-博瑞彩票下载| www.978854.com-好彩门户爆特网| www.55rc.com-福彩三d晚秋和值迷| www.321658.com-牛彩测速登录| www.301468.com-七星彩今天预测号码| www.380678.com-天天中彩票套现| www.613519.com-彩票开奖42期| www.764043.com-3d彩票图库-| www.871221.com-彩app下载-| www.957324.com-香港老彩民高手| www.ce40.com-青海快三走势图图| www.v26.com-贵州省体育彩票业| www.ai96.com-开心彩票论坛| www.k07.top-新彩吧网手机版| www.066013.com-江苏快三和值计划| www.140816.com-武汉彩票兑奖中心| www.121032.com-亚洲天天彩票qq群| www.94hz.com-易彩堂赚钱是真的么| www.395644.com-七乐彩一周几次| www.550868.com-有合买的黑彩平台| www.625166.com-乐彩网七乐彩预测| www.697028.com-彩票怎么下载不了| www.788006.com-腾讯qq彩票-| www.874651.com-拉菲彩票真的假的| www.947660.com-福利彩票的营销策划| 博亿彩票www.679by.com| www.fu85.com-百合网上拉彩票骗局| www.529236.com-彩票开奖假的| www.4310.vip-好看的全彩漫画k| www.34557.com-更多精彩内容| www.315568.com-怎么申请体育彩票站| www.538133.com-福彩机组-| www.141314.com-辽宁福彩网下载| www.88529.cc-98098f彩票网| www.816112.com-湖北快三娱乐| www.91jh.com-征婚骗局博彩| www.40678.com-彩票黑客入侵事件| www.722506.com-彩票128-| www.059267.com-三d彩票老头预测| www.412367.com-彩票走势图格式| www.776832.com-福彩大佬人预测| www.851329.com-网上的极速时时彩| www.921771.com-七乐彩中奖号今天| www.983404.com-彩票计划员骗局| www.sd24.com-吉林快三坑爹| www.206118.com-彩票走势图怎么研究| www.841947.com-福利彩票开奖真实吗| www.971214.com-今天福彩奖号| www.ey21.com-大发时时彩玩法技巧| www.04is.com-500彩票我的账户| www.63815.com-足彩投注量分析| www.481355.com-幸运2分彩计划| www.588246.com-乐盈彩票下载| www.673283.com-新加坡福彩财源报| www.199.me-八年级彩铅画| www.178813.com-体彩浙江6+1| www.270975.com-新彩吧3d首页| www.995045.com-彩票五百万-| www.bp21.com-彩1下载-| www.rn28.com-菲律宾彩票客服| www.817125.com-唯彩会彩票开奖直播| www.473629.com-体彩排三奖号是什么| www.69707.com-易彩计划软件| www.033948.com-七乐彩是什么时候啊| www.kp11.com-快三网上购买| www.wg36.com-吉林省体彩兑奖中心| www.9648.loan-福彩3d怎么选胆| www.565196.com-福彩3d太湖字谜解| www.674505.com-各省彩票中奖查询| www.777374.com-彩票中奖后付款骗局| www.879641.com-时彩在线追号计划| www.966784.com-宝马彩下载-| www.020339.com-吉林快三开始结果| www.449393.com-十四彩是什么意思| www.578430.com-博亚彩票app| www.663853.com-银彩通售彩合法吗| www.773023.com-比较准的彩票预测| www.113275.com-体彩奖金-| www.281354.com-中体彩网走势图| www.623813.com-胜负彩下载-| www.510750.com-彩虹的忧伤歌曲| www.733546.com-快开彩票销量惨淡| www.848511.com-齐齐哈尔彩票站电话| www.949961.com-百宝彩一湖北快三| 赢彩吧www.c9668.com| www.7337.in-彩虹六号真实事件| www.575188.com-外国合法彩票网站| www.669856.com-哪种彩票是四位数| www.744316.com-288彩票官网下载| www.818191.com-新浪陆慧明足彩微博| www.881772.com-13彩是不是正规的| www.957733.com-广东彩票快乐十分| 大赢家彩票平台www.711893.com| www.690053.com-333彩票网登录| www.565711.com-下载王牌彩票| www.698085.com-今日福彩报纸| www.830758.com-免费l彩票资料大全| 网易彩票www.506953.com| www.ft09.com-百盈快三选号技巧| www.53up.com-福利彩票3带连线| www.3886.com-竞彩14场开奖奖金| www.163205.com-3d福彩怪字神贴| www.154871.com-澳客网足彩凯利方差| www.fs04.com-网上时时彩骗局揭秘| www.363943.com-福彩3d详细玩法| www.578108.com-酷彩吧买彩合法吗| www.038842.com-拍照查询彩票中奖| www.211172.com-彩神快3怎么玩| www.1626.vip-体彩三地试机号今天| www.9391.biz-彩票走势图全| www.661984.com-江苏竞彩足球兑奖| www.252886.com-大中华彩票彩种| www.798661.com-盛世彩票正版app| www.885832.com-购彩票大厅开奖结果| www.128480.com-500万彩房游戏| www.147.in-彩虹谷门票-| www.05695.com-彩61-| www.53976.cc-彩票挂机软件有哪些| www.98824.com-彩票代销证多少钱| www.057123.com-彩票倍投方法多少钱| www.964056.com-福彩3d包跨度| www.gb42.com-七彩奖开奖-| www.43600.com-爱彩a22下载| www.7487.cc-上海福彩店月收入| www.442269.com-精彩团队线路中心| www.2773.cm-福彩大乐透中奖规则| www.037715.com-盈利彩票软件| www.400434.com-盈彩彩控制器接线图| www.545514.com-中国福彩网黑龙江| 凤凰彩票www.3479x.com| www.mb13.com-七星彩808加急版| www.669469.com-彩钢琉璃瓦机报价| www.20ad.com-七星彩预测专家频道| www.19276.cc-网上正规彩票| www.kx0.cc-河南省快三走势图| www.189546.com-福彩林竹杀码| www.17830.com-七星彩中两个数| www.78819.cc-体彩排列五计算口诀| www.613686.com-重庆时时彩停吗| www.769458.com-好彩头食品-| www.166823.com-快三助手苹果版本| www.869934.com-查询彩票的软件| www.x73.club-彩票投诉平台| www.57mu.com-玩彩犯法吗-| www.cp1700.com-幸运快三计划单双| www.tl70.com-网赌快三破解器| www.118369.com-彩票166下载| www.068228.com-昨天快三-| www.750168.com-彩票爱乐透天天中彩| www.869713.com-彩票账户被冻结了| www.969249.com-公益团队彩票计划| www.620581.com-福利彩票彩金| www.760729.com-时时彩数据分析软件| www.843535.com-体育彩票事业| www.900050.cc-彩51彩票靠谱吗| www.967859.com-探探男彩票托同款| 500彩票网www.655870.com| www.il20.com-7070彩票官网|