这是一款带视觉差效果的超酷js轮播图插件。该轮播图通过js代码将多重图片合成为canvas元素,在图片移动时产生炫酷的视觉差效果。
使用方法
在页面中引入css和js文件。
<link rel="stylesheet" href="css/style.css"> <script src="js/index.js"></script>
HTML结构
<p id="loading">loading...</p> <div id="images"> <div class="lighten"> <img src="img/lighten1.jpg" alt="" /> <img src="img/lighten2.jpg" alt="" /> <img src="img/lighten3.jpg" alt="" /> <img src="img/lighten4.jpg" alt="" /> </div> <div class="normal"> <img src="img/normal1.jpg" alt="" /> <img src="img/normal2.jpg" alt="" /> <img src="img/normal3.jpg" alt="" /> <img src="img/normal4.jpg" alt="" /> </div> <nav> <ul> <li class="pre"></li> <li class="next"></li> </ul> </nav> </div>
该带视觉差效果的超酷js轮播图插件的codepen网址为:https://codepen.io/mnmxmx/pen/vKxQbm
版权声明
版权说明: 仅限用于学习和研究目的;不得将上述内容用于商业和非法用途!否则一切后果自负。我们非常重视版权问题,如有侵权请邮件至(171373236#qq.com)与我们联系处理,敬请谅解!