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="carousel">
		<div id="overview">
			<img src="img/overview.jpg" width="500" height="300" />
			<a href="#detail-1" id="link-1"></a>
			<a href="#detail-2" id="link-2"></a>
			<a href="#detail-3" id="link-3"></a>
			<a href="#detail-4" id="link-4"></a>
			<a href="#detail-5" id="link-5"></a>
		</div>
		<div id="detail-1">
			<img src="img/detail-1.jpg" width="500" height="300" />
			<a href="#overview">X</a>
		</div>
		<div id="detail-2">
			<img src="img/detail-2.jpg" width="500" height="300" />
			<a href="#overview">X</a>
		</div>
		<div id="detail-3">
			<img src="img/detail-3.jpg" width="500" height="300" />
			<a href="#overview">X</a>
		</div>
		<div id="detail-4">
			<img src="img/detail-4.jpg" width="500" height="300" />
			<a href="#overview">X</a>
		</div>
		<div id="detail-5">
			<img src="img/detail-5.jpg" width="500" height="300" />
			<a href="#overview">X</a>
		</div>
	</div>
</div>

相关推荐

发表评论

相关文章