横向两个,鼠标经过前面一个DIV,在两个DIV之间弹出一个DIV,鼠标离开自动隐藏

不用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>
温馨提示:答案为网友推荐,仅供参考

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网