jquery+hover鼠标悬停图片文字滑动插件


jquery+hover鼠标悬停图片文字滑动插件
jquery+hover鼠标悬停图片文字滑动插件以及鼠标悬停、图片文字滑动等js/jquery网页特效代码下载。

1. 引入JS

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

2. HTML代码

<div class="demo">
	<div class="zp_box">
		<div class="pop_tit">
			<span class="p_tit1">Quick Car APP</span><br>
			<span class="p_tit2">Mobile APP</span>
		</div>
		<img src="images/b2227b1bc98f05f257aed08568e5138f.jpg">
	</div>
	<div class="zp_box">
		<div class="pop_tit">
			<span class="p_tit1">《世界》杂志APP</span><br>
			<span class="p_tit2">Mobile APP</span>
		</div>
		<img src="images/d98d054481bc4b385ef1b70d514c5a35.jpg">
	</div>
	<div class="zp_box">
		<div class="pop_tit">
			<span class="p_tit1">ShareControl APP</span><br>
			<span class="p_tit2">Mobile APP</span>
		</div>
		<img src="images/47973b6a2f1ae9a77ec4bf1cd42e49f2.jpg">
	</div>
	<div class="zp_box">
		<div class="pop_tit">
			<span class="p_tit1">7Q Online Music Player</span><br>
			<span class="p_tit2">Web UI</span>
		</div>
		<img src="images/8c01488573761d2fef2d31a56d7b6142.jpg">
	</div>
	<div class="zp_box">
		<div class="pop_tit">
			<span class="p_tit1">爱宠家园APP</span><br>
			<span class="p_tit2">Mobile APP</span>
		</div>
		<img src="images/7e33572dab89fac378332257c6fa285e.jpg">
	</div>
	<div class="zp_box">
		<div class="pop_tit">
			<span class="p_tit1">Mediaweek Icon</span><br>
			<span class="p_tit2">Logo &amp; Icon</span>
		</div>
		<img src="images/6b089e685b97bd545e2bc42f83610c80.jpg">
	</div>
	<div class="zp_box">
		<div class="pop_tit">
			<span class="p_tit1">SpeedTest</span><br>
			<span class="p_tit2">Mobile APP</span>
		</div>
		<img src="images/c9b635d25bbe689e356055e470bd2f13.jpg">
	</div>
	<div class="zp_box">
		<div class="pop_tit">
			<span class="p_tit1">Photo Cinema</span><br>
			<span class="p_tit2">Mobile APP</span>
		</div>
		<img src="images/c5f7334f7c886ca1450bd1c7401a9a30.jpg">
	</div>
	<div class="zp_box">
		<div class="pop_tit">
			<span class="p_tit1">法国雷诺纬度</span><br>
			<span class="p_tit2">Mobile APP</span>
		</div>
		<img src="images/8054c5b937db27ddfbbdf61d589a4528.jpg">
	</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
	$(".zp_box").live('mouseenter',function(){
		$(this).children().stop(false,true);
		$(this).children(".pop_tit").slideDown("fast");
	}).live('mouseleave',function(){
		$(this).children().stop(false,true);
		$(this).children(".pop_tit").slideUp("fast");
	});
});
</script>

相关推荐

发表评论

相关文章