【如何触发鼠标点击事件 _事件】

如何触发鼠标点击事件

我也踩过这个坑( 4 )

已统计您的踩坑,无需重复点击

回答(3)

事件

详细描述

截图

代码

<div class="fathelement{
    display:none; //元素默认是隐藏的
}

//当鼠标经过兄弟元素brother-showing时，也就是经过父级father的时候。父级获得hover状态，在父级hover的基础上写element的样式：
.father:hover .element{
    display:block ;

编辑于2025-02-05

时间排序

热门排序

[成都|荣耀师兄]JS-胡力耘
0

你要保证下面的四个小方框和黄色的方框要处于同一个父级元素内，并且要对父级元素进行hover操作，hover只能对元素本身和它的子元素或者同级进行操作。不能对上一级元素进行操作。
注意，对同级元素操作时要采用相邻兄弟元素选择器
例：
<body>
<div class="hover-1">
<div class="son"></div>
</div>
<div class="hover-2"></div>
</body>
当我写：
.hover-1:hover .hover-2{
background-color: bisque;
}
当我的鼠标悬停在hover-1的盒子上面时，hover-2并不会有任何变化。
.hover-1:hover .son{
background-color: bisque;
}
只能对子元素进行操作才会起作用。
或者采用相邻兄弟选择器可以对相邻的同级元素起作用
.hover-1:hover +.hover-2{
background-color: bisque;
}

查看全部>

编辑于2018-06-02
[无名弟子]JS-柳桐
0

查看一下hover的相关属性和操作，对你会有帮助的。

查看全部>

编辑于2018-11-17
[北京|结业弟子]JS-李珅颖
0

先给那四个小图标外面的div设置隐藏，然后把下面的小图标和上面的黄框用一个div包起来，在最外面的这个div是加hover使得显示，这样无论是点下面隐藏小图标的位置还是点击上面黄框区域都会有显示的效果

查看全部>

编辑于2019-11-11

去第页