原生js带缩略图点击幻灯片轮播切换特效代码下载


原生js带缩略图点击幻灯片轮播切换特效代码下载
原生js带缩略图点击幻灯片轮播切换特效代码下载以及缩略图点击、幻灯片轮播切换等js/jquery网页特效代码下载。

1. 引入JS

<script type="text/javascript" src="js/imgSlider.js"></script>

2. HTML代码

<div id="jdjxc">
 <div id="imgRolling">
	<ul class="imagebg" id="imagebg">
		<li data-sPic="images/small1.jpg">
			<img src="images/big1.jpg">
		</li>
		<li data-sPic="images/small2.jpg">
			<img src="images/big2.jpg">
		</li>
		<li data-sPic="images/small3.jpg">
			<img src="images/big3.jpg">
		</li>
		<li data-sPic="images/small4.jpg">
			<img src="images/big4.jpg">
		</li>
		<li data-sPic="images/small5.jpg">
			<img src="images/big5.jpg">
		</li>
		<li data-sPic="images/small6.jpg">
			<img src="images/big6.jpg">
		</li>
		<li data-sPic="images/small7.jpg">
			<img src="images/big7.jpg">
		</li>
		<li data-sPic="images/small8.jpg">
			<img src="images/big8.jpg">
		</li>
		<li data-sPic="images/small9.jpg">
			<img src="images/big9.jpg">
		</li>
	</ul>
	<div class="scrollbg">
		<div class="scroll">
			<a id="left_btn" class="pre" href="javascript:void(0)"></a>
			<div class="present" id="present"></div>
			<div class="outScroll_pic">
				<ul class="scroll_img cls" id="small_pic"></ul>
			</div>
			<a id="right_btn" class="next" href="javascript:void(0)"></a>
		</div>
	</div>
</div> 
</div>

相关推荐

发表评论

相关文章