jquery图片金字塔叠加切换特效代码下载


jquery图片金字塔叠加切换特效代码下载
jquery图片金字塔叠加切换特效代码下载以及图片金字塔、叠加切换等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

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

3. HTML代码

<div id="d_tab29">
	<ul class="d_img">			
		<li class="d_pos1"><img src="img/img9.jpg" alt=""/></li>
		<li class="d_pos2"><img src="img/img10.jpg" alt=""/></li>
		<li class="d_pos3"><img src="img/img1.jpg" alt=""/></li>
		<li class="d_pos4"><img src="img/img2.jpg" alt=""/></li>
		<li class="d_pos5"><img src="img/img3.jpg" alt=""/></li>
		<li><img src="img/img4.jpg"></li>
		<li><img src="img/img5.jpg"></li>
		<li><img src="img/img6.jpg"></li>
		<li><img src="img/img7.jpg"></li>
		<li><img src="img/img8.jpg"></li>
	</ul>	
	<ul class="d_menu"></ul>
	<p class="d_prev"><img src="img/prev.png" alt=""></p>
	<p class="d_next"><img src="img/next.png" alt=""></p>
</div>
<script type="text/javascript">
$('#d_tab29').DB_rotateRollingBanner({
	key:"c37080",            
	moveSpeed:200,           
	autoRollingTime:5000      
})
</script>

相关推荐

发表评论

相关文章