jquery左右按钮图片滑动特效代码下载

jquery左右按钮图片滑动特效代码下载

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src='js/jquery.1.10.2.js'></script>
<script type="text/javascript" src="js/script.js"></script>

3. HTML代码

<div id="slider-wrapper">
	<div id="dots">
		<ul>
			<li class="active"></li>
			<li></li>
			<li></li>
		</ul>
	</div>
	<div id="arrow-left" class="nav-arrow"></div>
	<div id="image-slider">
		<ul>
			<li class="active-img"><img src="images/sunset.jpg" alt="" /></li>
			<li><img src="images/lele.jpg" alt="" /></li>
			<li><img src="images/logo.jpg" alt="" /></li>
		</ul>
		<div id="nav-bar">
			<a href="#"><div><img src="images/thumb-web.jpg" /></div>关于我们</a><a href="#"><div><img src="images/thumb-print.jpg" /></div>联系我们</a><a href="#"><div><img src="images/thumb-logo.jpg" /></div>人才招聘</a><a href="#"><div><img src="images/thumb-photo.jpg" /></div>图片相册</a>
		</div>
	</div>
	<div id="arrow-right" class="nav-arrow"></div>
</div>

用户评论

18素材网

一个让开发更高效的素材分享平台,用于快速开发强大的Web界面。


官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:864918708
Css3+Html5讨论群
群号:864918708

加群请备注:从官网了解到