jquery hover鼠标悬停图片放大预览特效代码下载


jquery hover鼠标悬停图片放大预览特效代码下载
jquery hover鼠标悬停图片放大预览特效代码下载以及鼠标悬停、图片放大预览等js/jquery网页特效代码下载。

1. 引入JS

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

2. HTML代码

<!-- 代码开始 -->
<ul class="box01">
	<li>
		<div class="in">
			<a href="http://www.51qianduan.com" target="_blank"><img src="images/img01.png" /></a>
			<p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
		</div>
	</li>
	<li>
		<div class="in">
			<a href="http://www.51qianduan.com" target="_blank"><img src="images/img02.png" /></a>
			<p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
		</div>
	</li>
	<li>
	    <div class="in">
	        <a href="http://www.51qianduan.com" target="_blank"><img src="images/img05.png" /></a>
			<p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
	    </div>
	</li>
	<li>
	    <div class="in">
	        <a href="http://www.51qianduan.com" target="_blank"><img src="images/img01.jpg" /></a>
			<p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
	    </div>
	</li>
	<li>
	    <div class="in">
	        <a href="http://www.51qianduan.com" target="_blank"><img src="images/img03.png" /></a>
	        <p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
	    </div>
	</li>
	<li>
	    <div class="in">
	        <a href="http://www.51qianduan.com" target="_blank"><img src="images/img01.png" /></a>
	        <p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
	    </div>
	</li>
	<li>
	    <div class="in">
	        <a href="http://www.51qianduan.com" target="_blank"><img src="images/img05.png" /></a>
	        <p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
	    </div>
	</li>
	<li>
	    <div class="in">
	        <a href="http://www.51qianduan.com" target="_blank"><img src="images/img02.png" /></a>
	        <p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
	    </div>
	</li>
	<li>
	    <div class="in">
	        <a href="http://www.51qianduan.com" target="_blank"><img src="images/ps3.jpg" /></a>
	        <p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
	    </div>
	</li>
	<li>
	    <div class="in">
	        <a href="http://www.51qianduan.com" target="_blank"><img src="images/img03.png" /></a>
	        <p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
	    </div>
	</li>
	<li>
	    <div class="in">
	        <a href="http://www.51qianduan.com" target="_blank"><img src="images/img02.png" /></a>
	        <p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
	    </div>
	</li>
	<li>
	    <div class="in">
	        <a href="http://www.51qianduan.com" target="_blank"><img src="images/img01.png" /></a>
	        <p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
	    </div>
	</li>
	<li>
	    <div class="in">
	        <a href="http://www.51qianduan.com" target="_blank"><img src="images/img03.png" /></a>
	        <p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
	    </div>
	</li>
	<li>
	    <div class="in">
	        <a href="http://www.51qianduan.com" target="_blank"><img src="images/ps1.jpg" /></a>
	        <p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
	    </div>
	</li>
	<li>
	    <div class="in">
	        <a href="http://www.51qianduan.com" target="_blank"><img src="images/img05.png" /></a>
	        <p><b class="bsc"></b><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
	    </div>
	</li>
</ul>
<div style="clear:both;"></div>
<!-- 代码结束 -->

相关推荐

发表评论

相关文章