jQuery点击全屏波浪菜单特效代码下载


jQuery点击全屏波浪菜单特效代码下载
jQuery点击全屏波浪菜单特效代码下载以及点击全屏、波浪菜单等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

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

3. HTML代码

<div class="iconWrapper">
    <svg viewBox="0 0 100 80">
    <rect class="one disableAnimation" width="75" height="10"></rect>
    <rect class="two disableAnimation" y="20" width="75" height="10"></rect>
    <rect class="three disableAnimation" y="40" width="75" height="10"></rect>
  </svg>
  </div>
  <nav class="navigationWrapper">
    <ul>
      <li><a href="#0">Home</a></li>
      <li><a href="#0">About</a></li>
      <li><a href="#0">Contact</a></li>
      <li><a href="#0">Dance</a></li>
    </ul>
  </nav>
<div class="waveWrapper">
<div class="wrapper">
  <img class="thirdWave disableAnimation" src="img/wave3.png" />
</div>
<div class="wrapper">
  <img class="secondWave disableAnimation" src="img/wave2.png" />
</div>
<div class="wrapper">
  <div class="box disableAnimation"></div>
  <img class="firstWave disableAnimation" src="img/wave.png" />
</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章