jQuery鼠标点击悬挂小图片滑动展开大图显示插件


jQuery鼠标点击悬挂小图片滑动展开大图显示插件
jQuery鼠标点击悬挂小图片滑动展开大图显示插件以及鼠标点击悬挂、小图片滑动展开、大图显示等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

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

3. HTML代码

<!-- 代码开始 -->
<div id="page-wrap">		
	<table><tr>
		<td><div class="photo_slider">
			<img src="images/mthood.jpg"/>
			<div class="info_area">
				<h3><a href="https://www.51qianduan.com/">51前端</a></h3>
			</div>
		</div></td>
		<td><div class="photo_slider">
			<img src="images/baloon.jpg"/>
			<div class="info_area">
				<h3>Climbing Mt. Hood</h3>
			</div>
		</div></td>
		<td><div class="photo_slider">
			<img src="images/lighthouse.jpg"/>
			<div class="info_area">
				<h3>Lighthouse Rays</h3>
			</div>
		</div></td>
		<td><div class="photo_slider">
			<img src="images/giraffe.jpg"/>
			<div class="info_area">
				<h3>Pucker up!</h3>
			</div>
		</div></td>
	</tr></table>			
</div>
<!-- 代码结束 -->

相关推荐

发表评论

相关文章