一款带炫酷背景的自适应3D轮播图特效,可通过左右两边的箭头按钮来切换图片,无鼠标操作时则为自动轮播,每张图片都有一个对应的倒影效果,可以自定义图片的标题,不建议太长的标题内容。
页面的head部分,需引入页面的样式文件和jQuery库,代码如下:
<link type="text/css" rel="stylesheet" href="css/3d.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
页面的body部分,需设置好轮播图和对应倒影的容器,代码如下:
<div class="box">
<div class="box-con"> <span class="prev"></span> <span class="next"></span>
<ul class="list">
</ul>
</div>
</div>
<canvas class="canvas"></canvas>
页面的底部,需引入必要的JS文件,图片设置在3ddata.js里面,代码如下:
<script type="text/javascript" src="js/canvas.js"></script>
<script type="text/javascript" src="js/3ddata.js"></script>
<script type="text/javascript" src="js/3d.js"></script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791