js图片层叠切换特效代码下载


js图片层叠切换特效代码下载
js图片层叠切换特效代码下载以及图片层叠切换等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. 引入JS

<script src='js/gsap.min.js'></script>
<script src="js/script.js"></script>

3. HTML代码

<div class="container">
  <div class="image image-1">
  <img src="img/1.jpg" alt="image 1">
    <h2 class="text">Image 1</h2>
  </div>
  <div class="image image-2">
  <img  src="img/2.jpg" alt="image 2" />
    <h2 class="text">Image 2</h2>
  </div>
  <div class="image image-3" >
    <img src="img/3.jpg" alt="image 3" />
    <h2 class="text">Image 3</h2>
  </div>
  <div class="image image-4">
    <img  src="img/4.jpg" alt="image 4" />
    <h2 class="text">Image 4</h2>
  </div>
  <div class="image image-5" >
    <img src="img/5.jpg" alt="image 5" />
    <h2 class="text">Image 5</h2>
  </div>
</div>
<button role="button" class="button button-next" onClick="nextAnimation(event)">></button>

相关推荐

发表评论

相关文章