jQuery cycle个性相框图片淡入淡出切换插件


jQuery cycle个性相框图片淡入淡出切换插件
jQuery cycle个性相框图片淡入淡出切换插件以及个性相框图片、淡入淡出切换等js/jquery网页特效代码下载。

1. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>

2. HTML代码

<div id="slider-mask">
	<div id="slider">
		<div><img src="images/anim-1.jpg" alt="Feminine Website Design" /></div>
		<div><img src="images/anim-2.jpg" alt="Alluring Website Design" /></div>
		<div><img src="images/anim-3.jpg" alt="Feminine Website Design" /></div>   	      	      	     	
		<div><img src="images/anim-4.jpg" alt="Alluring Website Design" /></div>
	</div>
	<img src="images/prev.png" alt="" id="prev" />
	<img src="images/next.png" alt="" id="next" />
</div>
<script type="text/javascript">
$(document).ready(function(){
	$('#slider').cycle({ 
		prev:   '#prev', 
		next:   '#next', 
		timeout: 3500 
	});
});
</script>

相关推荐

发表评论

相关文章