提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

动态为多个元素添加:hover效果

是否有可能以编程方式为多个元素添加hover效果？在我们的系统中，有多个元素代表一个单元（但由于其他原因需要将它们分开成多个元素），在某些情况下，它们应该在悬停时一起重新着色。是否有可能以编程方式为多个元素添加hover效果？或者说这是否是一个良好的实践？我可以通过使用my_own_css_class来解决这个问题，在悬停时将其添加到所有元素上。但我觉得以编程方式使它们具有hover效果可能对我有

P粉203792468 2023-08-15 23:49:58

javascript - jquery怎么取消和恢复hover事件

jquery怎么取消和恢复hover事件。css写的hover可以取消和恢复么

女神的闺蜜爱上我 2017-06-14 10:53:46

为什么悬停（hover）不起作用，样式不显示？

为什么悬停（hover）不起作用，样式不显示？

P粉842215006 2023-08-02 20:04:07

Safari中无法在悬停状态下应用CSS滤镜

我注意到，在悬停时对filter属性进行更改会导致macOS上的Safari16.2出现奇怪的行为：悬停时它实际上不会改变如果您点击文本，它确实会发生部分变化，这绝对不是理想的行为使用-webkit-filter也没有帮助。/*problem-relevantCSS*/div{background:red;filter:grayscale(1);}div:hover{filter:grayscal

P粉436688931 2024-04-01 08:19:51

菜单项的悬停效果覆盖整个页面高度

我正在开发左侧导航。我希望悬停时红色条出现在菜单项之前。它适用于“主页”项目及其子项目，但其他根项目会导致悬停时红色条从上到下跨越页面的整个宽度。$(document).foundation();.vertical.dropdown.menu[href]>i{display:block;}.vertical.dropdown.menu[href]{display:block;text-ali

P粉029327711 2024-02-04 00:36:46

CSS 悬停样式位于 div 内的元素上，且带有 transform-style:preserve-3d 在 Safari 中不起作用

我实现了一个视差滚动标题，它里面有一些带有悬停样式的社交图标。悬停样式目前在Safari中不起作用。当我删除容器上的transform-style:preserve-3d时，悬停样式可以工作（但会破坏视差）。它在Chrome中运行良好。<!doctypehtml><htmlclass="h-full"><head><scriptsrc=

P粉346326040 2023-08-30 18:33:26

供应商特定伪元素上的 JavaScript 悬停事件

我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',function(){//...});input[type="range"]{height:0.5rem;box-shadow:000.25remgray;}input[type="range&quot

P粉576184933 2024-04-06 15:35:24

在悬停覆盖层之前和之后添加延迟内容

当我悬停在一个div上时，我希望有一个从左到右滑动的覆盖层，然后在1秒延迟后内容变得可见。

P粉731861241 2023-08-02 17:34:53

ReactJS：动态更新悬停时的下拉菜单图标

首先，我使用“antd”React框架和tailwindCSS只是为了练习ReactJS。嗯，这是我第一次使用这个框架。因此，我决定首先尝试在悬停时使用下拉弹出菜单。其实，并不太清楚如何达到这个阶段。我当然知道使用CSS，我可以使用“hover:”attr，但是有没有在ReactJS中使用逻辑的想法？另外，我尝试阅读道具“下拉菜单的API部分”，但没有成功。即使我尝试使用onMouseEnter(

P粉877114798 2024-03-29 17:58:41

如何制作像Windows 10设置中的悬停功能？

有人可以告诉我如何在css中进行这样的悬停吗？这是Windows10设置的示例。但我想在css中复制它。

P粉020556231 2023-09-12 13:02:00