js产品图片滑动切换特效代码下载


js产品图片滑动切换特效代码下载
js产品图片滑动切换特效代码下载以及产品图片、滑动切换等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

<script  src="js/script.js"></script>

3. HTML代码

<div class="carousel">
  <div class="slides">
    <img src="img/4.png" alt="Stainless Steel" />
    <img src="img/3.png" alt="Army Green" />
    <img src="img/2.png" alt="Cranberry" />
    <img src="img/1.png" alt="Midnight Blue" />
  </div>
  <div class="overlays">
    <div class="bar" style="--bar-color: #bdc3c7;"></div>
    <div class="bar" style="--bar-color: #218c74;"></div>
    <div class="bar" style="--bar-color: #dd6b7b;"></div>
    <div class="bar" style="--bar-color: #30465c;"></div>
  </div>
  <ul class="nav-links">
    <li><a href="#" class="nav-link">Stainless Steel</a></li>
    <li><a href="#" class="nav-link">Army Green</a></li>
    <li><a href="#" class="nav-link">Cranberry</a></li>
    <li><a href="#" class="nav-link">Midnight Blue</a></li>
  </ul>
</div>

相关推荐

发表评论

相关文章