<!DOCTYPE html>
<html>
<head>
<title>突出显示某张图片</title>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(function(){
$('li').mouseover(function(e){
$(this).siblings().stop().fadeTo(500,0.3)
})
$('li').mouseout(function(e){
$(this).siblings().stop().fadeTo(500,1)
})
})
</script>
<style type="text/css">
/*body{background: #000;}*/
div{height:500px;position:relative;background: #000;}
ul{list-style: none;}
ul li{
float: left;
/*background: black;*/
cursor: pointer;;
}
</style>
</head>
<body>
<div>
<ul>
<li><img src="src/1.jpg"></li>
<li><img src="src/2.jpg"></li>
<li><img src="src/3.jpg"></li>
<!--<li><img src="src/4.jpg"></li>-->
</ul>
</div>
</body>
</html>
图片和jQuery 到处都有就不再上传了。