jQuery焦点图片轮播切换特效代码下载


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

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css">
<link rel="stylesheet" href="css/app.css">

2. 引入JS

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/xSlider.js"></script>

3. HTML代码

<div class="slider">
	<div class="slider-img">
		<ul class="slider-img-ul">
			<li><img src="images/slider-5.jpg"></li>
			<li><img src="images/slider-1.jpg"></li>
			<li><img src="images/slider-2.jpg"></li>
			<li><img src="images/slider-3.jpg"></li>
			<li><img src="images/slider-4.jpg"></li>
			<li><img src="images/slider-5.jpg"></li>
			<li><img src="images/slider-1.jpg"></li>
		</ul>
	</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章