javascript - 悬停时显示前一个元素

标签 javascript html css

使用以下示例,将鼠标悬停在第二个 div 上时是否可以更改第一个 div 的可见性?如果使用 CSS 无法完成此操作,那么通过 AngularJS 完成此操作的干净方法是什么?

http://jsfiddle.net/t8NCA/1/

HTML

<div id="revealMe"></div>
<div id="mouseMe"></div>

CSS

#revealMe {
    visibility:hidden;
    background-color:green;
    width:100px;
    height:100px;
}

#mouseMe {
    background-color:red;
    width:100px;
    height:100px;
}

最佳答案

您可以使用 ng-mouseover 和 ng-mouseout 来完成此操作:

<body ng-app="app">
    <div id="revealMe" ng-show="reveal"></div>
    <div id="mouseMe" ng-mouseover="reveal=true" ng-mouseout="reveal=false"></div>
</body>

Demo Fiddle

关于javascript - 悬停时显示前一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25130694/

相关文章:

javascript - 如何检查对象数组是否具有重复的属性值?

javascript - 如何删除或减少 Bootstrap 中的空白区域?

html - DIV内容不溢出

html - CSS 背景属性的奇怪/不同值

javascript - 将列索引转换为对应的列字母

javascript - 添加多个 Leaflet 层导致容器定位不准确

php - 检索Mysql数据失败...为什么?

javascript - 如何在 jQuery 中使用多个组查找分隔符?

javascript - 欧拉计划,2 号

html - 垂直对齐 float 和匿名框标签