Question

使用以下示例，当将鼠标悬停在第二个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;
}

Answer 1

你可以使用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

显示悬停时的上一个元素

1 个答案: