HTML5全屏百叶窗切换特效代码下载


HTML5全屏百叶窗切换特效代码下载
HTML5全屏百叶窗切换特效代码下载以及全屏百叶窗切换等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

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

3. HTML代码

<main class="container">
  <h3 class="page-title">Yozora</h3>
  <section class="slideshow">
    <div class="slide">
      <h1 class="slide-title">Star</h1>
    </div>
    <div class="slide">
      <h1 class="slide-title">Forest</h1>
    </div>
    <div class="slide">
      <h1 class="slide-title">Light</h1>
    </div>
    <div class="slide">
      <h1 class="slide-title">Gothic</h1>
    </div>
    <div class="slide">
      <h1 class="slide-title">Cosmic</h1>
    </div>
  </section>
  <section class="bars">
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
  </section>
  <ul class="nav-dots">
    <li class="dot"><a href="#"></a></li>
    <li class="dot"><a href="#"></a></li>
    <li class="dot"><a href="#"></a></li>
    <li class="dot"><a href="#"></a></li>
    <li class="dot"><a href="#"></a></li>
  </ul>
</main>

相关推荐

发表评论

相关文章