gpt4 book ai didi

javascript - 在悬停时显示上一个元素

转载 作者:行者123 更新时间:2023-11-27 23:54:00 25 4
gpt4 key购买 nike

使用以下示例,是否可以在将鼠标悬停在第二个 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 对 Angular 执行此操作:

<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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com