JS求教,这个hover如何使用事件改为点击事件怎么改啊


TA获得超过420个认可

捉到事件的机构它把事件传播到了JS引擎,JS引擎解析了你的JS代码和现有的CSS修饰使所有应当响应这个hover事件的代码运作起来,所以css和js中有关hover的代码是在同一個hover事件触发条件下各自运行的互不干扰。

你对这个回答的评价是

下载百度知道APP,抢鲜体验

使用百度知道APP立即抢鲜体验。你的手机镜頭里或许有别人想知道的答案

最近看到很多同学在实现鼠标hover弹絀菜单的效果时都是用的js代码去实现的默认给弹出隐藏掉,通过js事件绑定动态的显/隐弹出菜单元素

这种写法是比较流行的写法,但这種写法需要用到js多多少少有一点不优雅。现在笔者向大家介绍一种使用css伪类结合子代选择器的方式来实现同样效果的办法

1.首先需要改變一下dom结构,弹出菜单div和按钮之间改成父子结构

2.将之前的script代码统统删掉改用css伪类和子代选择带

就这样就完成啦,代码比之前精简了不少少了很多js变量,还不用担心dom事件绑定与解绑的问题

然后点击这个按钮时改变成另外一种效果,这些都能实现但问题来了。因为我们点击的时候也算是触碰所以离开后还是会受hover的影响导致鼠标离开后,点击后的效果沒了请问各位大神... 然后点击这个按钮时,改变成另外一种效果这些都能实现,但问题来了因为我们点击的时候也算是触碰所以离开後还是会受hover的影响,导致鼠标离开后点击后的效果没了,请问各位大神怎样解决这个问题感谢!

TA获得超过7.8万个认可

设置一个标记,如果是点击后的改变效果就hover离开后不再改变,如果不是就改变!


TA获得超过659个认可
用css是可以搞定hover效果,但问题是现在hover效果影响我的点击效果你觉得这个用纯CSS可以控制的话,麻烦大神赐教!

一个用a标签做的按钮如下

首先是这个按钮的CSS

 
然后是这个按钮的html代码
 
点击效果闪下就沒了,我需要保留这个效果不是闪动,因为之前就是闪下效果不对,不过很感谢大神的回答问题描述有点多就不问了,我已经解决問题了

下载百度知道APP,抢鲜体验

使用百度知道APP立即抢鲜体验。你的手机镜头里或许有别人想知道的答案

我要回帖

更多关于 hover如何使用 的文章

 

随机推荐