jQuery仿视频播放器图片浏览幻灯片特效代码下载


jQuery仿视频播放器图片浏览幻灯片特效代码下载
jQuery仿视频播放器图片浏览幻灯片特效代码下载以及仿视频播放器、图片浏览幻灯片等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

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

3. HTML代码

<div class="wrap">
	<ul class="wrapul clearfix">
		<li>
			<img src="images/image-1.jpg">
			<a href="#" class="change">标记</a>
		</li>
		<li>
			<img src="images/image-2.jpg">
			<a href="#" class="change">标记</a>
		</li>
		<li>
			<img src="images/image-3.jpg">
			<a href="#" class="change">标记</a>
		</li>
		<li>
			<img src="images/image-4.jpg">
			<a href="#" class="change">标记</a>
		</li>
		<li>
			<img src="images/image-5.jpg">
			<a href="#" class="change">标记</a>
		</li>
		<li>
			<img src="images/image-6.jpg">
			<a href="#" class="change">标记</a>
		</li>
	</ul>
</div>
<div class="caozuo clearfix">
	<div class="fenye">
		<span class="size"><i class="yema">1</i>/<i>30</i></span>
		<span class="size size2"><i>跳转到</i><input type="text" class="txt" /><a href="#" class="sure">确定</a></span>
	</div>
	<div class="jian">
		<a href="#" class="bg0"></a>
		<a href="#" class="bg1 bg3"></a>
		<a href="#" class="bg2 bg6"></a>
		<a href="#" class="bg7"></a>
	</div>
	<div class="shudu">
		<span class="shudukuai" id="shudukuai"></span>
		<span class="shudupx">1</span>
	</div>
</div>

相关推荐

发表评论

相关文章