js图片轮播切换特效代码下载


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

1. 引入CSS

<link rel="stylesheet" href="lb.css">

2. 引入JS

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

3. HTML代码

<div class="lb-box" id="lb-1">
<!-- 轮播内容 -->
<div class="lb-content">
  <div class="lb-item active">
	<a href="#">
	  <img src="images/t1.png" alt="picture loss">
	  <span>Description 1</span>
	</a>
  </div>
  <div class="lb-item">
	<a href="#">
	  <img src="images/t2.png" alt="picture loss">
	  <span>Description 2</span>
	</a>
  </div>
  <div class="lb-item">
	<a href="#">
	  <img src="images/t3.png" alt="picture loss">
	  <span>Description 3</span>
	</a>
  </div>
  <div class="lb-item">
	<a href="#">
	  <img src="images/t4.png" alt="picture loss">
	  <span>Description 4</span>
	</a>
  </div>   
</div>
<!-- 轮播标志 -->
<ol class="lb-sign">
  <li class="active">1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ol>
<!-- 轮播控件 -->
<div class="lb-ctrl left"><</div>
<div class="lb-ctrl right">></div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff">
</div>

相关推荐

发表评论

相关文章