<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.dd{
width: 660px;
height: 420px;
margin: 0 auto;
padding: 1px;
background-color: yellow;
}
ul li{
float: left;
list-style: none;
}
</style>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
$(function(){
$("li").mouseenter(function(){//鼠標移上其他模糊
$(this).css("opacity",1).siblings().css("opacity",0.6);
});
//給div添加離開的事件
$("div").mouseleave(function(){
$(this).children("ul").eq(0).children("li").css("opacity",1);
});
});
</script>
</head>
<body>
<div class="dd">
<ul>
<li><img src="img/01.jpg"/></li>
<li><img src="img/02.jpg"/></li>
<li><img src="img/03.jpg"/></li>
<li><img src="img/04.jpg"/></li>
<li><img src="img/05.jpg"/></li>
<li><img src="img/06.jpg"/></li>
</ul>
</div>
</body>
高亮顯示
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
python數據結構學習筆記-2016-11-20-01-直方圖ADT
11.6 直方圖(histograms) 11.6.1 直方圖ADT 直方圖ADT所包含的方法如下： Histogram(catSeq)：創建直方圖，catSeq爲指定的分類，每一個分類的