使用以下示例,将鼠标悬停在第二个 div 上时是否可以更改第一个 div 的可见性?如果使用 CSS 无法完成此操作,那么通过 AngularJS 完成此操作的干净方法是什么?
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>
关于javascript - 悬停时显示前一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25130694/