opacity 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312">
<title>无标题文档</title>
<link rel="stylesheet" href="http://a.tbcdn.cn/apps/dts/th3/css/public.css" />
<script src="http://a.tbcdn.cn/apps/dts/th3/js/jquery.js"></script>
<script src="http://a.tbcdn.cn/apps/dts/th3/js/lazyload.js"></script>
</head>

<body>
<style>
.hover{width:200px;position:relative;margin:0 auto;height:200px;border:2px solid #f60}
.mask{position:absolute;top:0;left:0;width:200px;height:200px;display:none }
.mask s{width:200px;height:200px;background:#000;display:block}
</style>
<script>
	$(function(){
		$(".hover").hover(function(){
			$(".mask").fadeIn();
			$(".mask s").stop(true,true).animate({opacity:0.3},350)
			
			},function(){
				$(".mask").fadeOut()
				 $(".mask s").stop(true,true) .css(opacity,1)
				})
		})
		document.creat
</script>

<div class="hover">
<img src="http://img03.taobaocdn.com/tps/i3/T1Y8GwXmVbXXXXXXXX-120-160.png">
<p class="mask">
<s></s>
</p>
</div>
</body>
</html>

　　

posted @ 2011-11-09 14:41  kpbiao  阅读(204)  评论(0)    收藏  举报