不用JS能实现的最好
è¿ä¸ªå¯ä»¥ç¨çº¯CSSå®ç°ï¼ä¸»è¦ç¨å°ä¸´è¿éæ©å¨ï¼ä»£ç å¦ä¸ï¼
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>DIV hoverææ</title>
<style>
.demo-div {width:120px; height:60px; float:left;}
.left-div {background:red;}
.left-div:hover +.center-div {display:block;}
.center-div {background:yellow; display:none;}
.right-div {background:blue;}
</style>
</head>
<body>
<div class="demo-div left-div"></div>
<div class="demo-div center-div"></div>
<div class="demo-div right-div"></div>
</body>
</html>
温馨提示:答案为网友推荐,仅供参考