jquery caroufredsel图片幻灯片插件制作


jquery caroufredsel图片幻灯片插件制作
jquery caroufredsel图片幻灯片插件制作以及图片幻灯片等js/jquery网页特效代码下载。

1. 引入JS

<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>

2. HTML代码

<div id="wrapper">
	<div id="bg"></div>
	<div id="carousel">
		<div>
			<img class="img-front" src="img/dot1.png" alt="dot1" width="450" height="350" />
			<img class="img-back" src="img/dot2.png" alt="dot2" width="350" height="275" />
			<h3>jQuery.dotdotdot</h3>
			<p>Advanced cross-browser ellipsis for multiple line content.</p>
			<a href="https://www.51qianduan.com/">51前端</a>
		</div>
		<div>
			<img class="img-front" src="img/cfs1.png" alt="cfs1" width="450" height="350" />
			<img class="img-back" src="img/cfs2.png" alt="cfs2" width="350" height="275" />
			<h3>jQuery.carouFredSel</h3>
			<p>Circular, responsive jQuery carousel.</p>
			<a href="https://www.51qianduan.com/">51前端</a>
		</div>
		<div>
			<img class="img-front" src="img/val1.png" alt="val1" width="450" height="350" />
			<img class="img-back" src="img/val2.png" alt="val2" width="350" height="275" />
			<h3>jQuery.validVal</h3>
			<p>Highly customizable and feature rich jQuery form validator that embraces 
			the power of HTML5.</p>
			<a href="https://www.51qianduan.com/">51前端</a>
		</div>
	</div>
	<a id="prev" href="#"><span></span></a>
	<a id="next" href="#"><span></span></a>
</div>

相关推荐

发表评论

相关文章