jQuery上传步骤引导特效代码下载


jQuery上传步骤引导特效代码下载
jQuery上传步骤引导特效代码下载以及上传步骤引导等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/time_d.css"/>

2. 引入JS

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

3. HTML代码

<div id="main_container">
  <ul class="ul_word">
    <li>
      <p> 上传文件 </p>
    </li>
    <li>
      <p> 扫描 </p>
    </li>
    <li>
      <p> 构建 </p>
    </li>
    <li>
      <p> 修改 </p>
    </li>
  </ul>
  <div class="clear"></div>
  <ul class="ul_num">
    <li>
      <div class="num_blue">1</div>
    </li>
    <li>
      <div class="line_blue"></div>
    </li>
    <li>
      <div class="line_gray"></div>
    </li>
    <li>
      <div class="num_gray_out">
        <div class="num_gray">2</div>
      </div>
    </li>
    <li>
      <div class="line_gray"></div>
    </li>
    <li>
      <div class="line_gray"></div>
    </li>
    <li>
      <div class="num_gray_out">
        <div class="num_gray">3</div>
      </div>
    </li>
    <li>
      <div class="line_gray"></div>
    </li>
    <li>
      <div class="line_gray"></div>
    </li>
    <li>
      <div class="num_gray_out">
        <div class="num_gray">4</div>
      </div>
    </li>
  </ul>
  <div class="clear"></div>
  <div class="follow_show">
    <ul>
      <li>
        <div>
          <button class="next follow_btn">第一步</button>
        </div>
      </li>
      <li>
        <div>
          <button class="next follow_btn">第二步</button>
        </div>
      </li>
      <li>
        <div>
          <button class="next follow_btn">第三步</button>
        </div>
      </li>
      <li> 已经到底啦 </li>
    </ul>
  </div>
</div>
<script src="js/time_d.js"></script> 
<script type="text/javascript">
$(".next").click(function(){
	next($(this));
})
</script>

相关推荐

发表评论

相关文章