<!doctype html>
<html>
<head>
<meta http-equiv="content-type " content="text/html"></meta>
</head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function () {
$("img").fadeTo("slow", 0.5);
$("img").hover(function(){
$(this).fadeTo("slow", 1.0); // 设置透明度为100%
},function(){
$(this).fadeTo("slow", 0.5); // 设置不透明度mouseout回到50%
});
});
</script>
<body>
<img src="image/p1.jpg"/>
</body>
</html>
