mousehover 相关问题

鼠标移动到GUI组件上时触发的事件

如何在pyqt中捕获QTableWidget项的鼠标悬停事件?

我想要做的是当我将鼠标悬停在 QTableWidget 的项目上时更改 QTableWidget 项目的颜色。

回答 4 投票 0

添加文本时按钮背景图片消失?

我正在尝试制作一个具有图像背景和文本的按钮。文本应该是不可见的,背景图像应该是不透明的。当您将鼠标悬停在按钮上时,背景应变为黑色,并且...

回答 1 投票 0

隐藏班级上的光标

在网站 https://florianwmueller.com/work-alternative/ (测试页)上,我有几张带有 .no-cursor 类的图像。然后我有下面这个小JavaScript: var 元素 = do...</desc> <question vote="-1"> <p>在网站上<a href="https://florianwmueller.com/work-alternative/" rel="nofollow noreferrer">https://florianwmueller.com/work-alternative/</a>(测试页)我有几张带有.no-cursor类的图像。然后我有下面这个小 JavaScript:</p> <pre><code>&lt;script&gt; var elements = document.getElementsByClassName(&#34;no-cursor&#34;); var style; for (var i = 0; i &lt; elements.length; i++) { elements[i].addEventListener(&#34;mouseover&#34;, function() { style = document.createElement(&#34;style&#34;); style.innerHTML = &#34;body.cursor-element-shape a { cursor: none !important; } .wpcc-active &gt; .wpcc-cursor { display: none !important; }&#34;; document.head.appendChild(style); }); elements[i].addEventListener(&#34;mouseleave&#34;, function() { document.head.removeChild(style); }); } &lt;/script&gt; </code></pre> <p>此脚本的目标是防止鼠标指针悬停在相应图像上时可见。到目前为止,此功能运行良好,但在更新插件“自定义光标”后,它不再起作用。你能告诉我为什么吗? 该脚本的目标是防止任何鼠标指针在悬停相应图像(以及自定义光标)时可见。到目前为止,这种方法还很有效,但突然间就不再有效了。有人有什么想法吗?</p> </question> <answer tick="false" vote="0"> <p>你可以使用CSS来实现它,如下所示:</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>.no-cursor{ cursor:none; /*Setting the cursor to be invisible*/ }</code></pre> <pre><code>&lt;img src=&#34;https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico&#34; alt=&#34;image&#34; class=&#34;no-cursor&#34;&gt;</code></pre> </div> </div> <p></p> <p>如果它仍然显示,则意味着某些东西正在覆盖它,在这种情况下,在无之后添加 <pre><code>!important</code></pre> </p> </answer></body>

回答 0 投票 0

MouseHover 不适用于 OnMouseOver 方法

在我的 Unity 游戏中,当鼠标经过它时,我必须在网格中的单元格上方生成一个精灵。我尝试过使用 OnMouseOver 方法和 BoxCollider2D,但它不起作用。 这是我的本...

回答 1 投票 0

Clip-path 无法在 Web 浏览器(Mozilla、Edge、Chrome)上正常工作,但在预览版 Visual Code Studio HTML、CSS、JS 上完美工作

我想为我的公司创建一个精美的英雄部分。我使用clip-path和一些JS来实现鼠标移动时的喷漆效果,并且它在VCS预览中完美运行。然而,当我尝试时我...

回答 1 投票 0

如何通过将鼠标悬停在不同的div上来控制一个div中的图像源?

我有一张图片和旁边的列表。我希望每当我将鼠标悬停在列表中的每一项上时,图像都会更改为不同的源,具体取决于它是哪一项。例如,如果我将鼠标悬停在 <...

回答 1 投票 0

我想在悬停时显示卡片

我想在鼠标悬停时显示卡片。我做了两个div,第一个是单专辑,另一个是隐藏。我使用+选择器并对名为hide的div不显示任何内容。 但悬停效果确实...

回答 1 投票 0

如何纠正 qgis2web 生成的网络地图在悬停在航点上时跳跃以将照片显示为弹出窗口

我正在使用 qgis2web (v. 3.17.1) 和 QGIS v.3.34.0-Prizren 来生成地图,可以将路径点悬停在地图上以弹出图像显示。一切都很好,除了地图是随机跳跃的

回答 1 投票 0

如何抓取鼠标悬停在元素上时出现的文本?

在网站上 https://www.cpubenchmark.net/cpu.php?cpu=Intel+Core+i9-11900K+%40+3.50GHz&id=3904 我试图在“定价历史&q...”中抓取所有工具提示信息、CPU 的价格和日期...

回答 1 投票 0

与光标移动功能一起使用时出现光标悬停问题

我正在尝试创建一个自定义鼠标光标,其中主体标记根据鼠标光标的状态应用一些类。 喜欢: 光标移动:每当鼠标移动时 光标空闲:wh...

回答 1 投票 0

按钮:升级到最新 Avalonia 版本(11.0.4)后指针闪烁

我的 app.axaml 中有以下按钮样式选择器: <Setter Property="Margin" Value="5,5,5,5"/> <...</desc> <question vote="0"> <p>我的 app.axaml 中有以下按钮样式选择器:</p> <pre><code>&lt;Style Selector=&#34;Button.RoundedButton&#34; &gt; &lt;Setter Property=&#34;Margin&#34; Value=&#34;5,5,5,5&#34;/&gt; &lt;Setter Property=&#34;Height&#34; Value=&#34;50&#34;/&gt; &lt;Setter Property=&#34;Template&#34;&gt; &lt;Setter.Value&gt; &lt;ControlTemplate&gt; &lt;Panel&gt; &lt;Image Source=&#34;\Resources\Bitmaps\Buttons\BtnRoundedNormal.png&#34; Classes=&#34;SetupButtonImage&#34;/&gt; &lt;TextBlock HorizontalAlignment=&#34;Center&#34; VerticalAlignment=&#34;Center&#34; Text=&#34;{TemplateBinding Content}&#34;&gt;&lt;/TextBlock&gt; &lt;/Panel&gt; &lt;/ControlTemplate&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;/Style&gt; &lt;Style Selector=&#34;Button.RoundedButton:pointerover&#34; &gt; &lt;Setter Property=&#34;Template&#34;&gt; &lt;Setter.Value&gt; &lt;ControlTemplate&gt; &lt;Panel&gt; &lt;Image Source=&#34;\Resources\Bitmaps\Buttons\BtnRoundedHover.png&#34; Classes=&#34;SetupButtonImage&#34;/&gt; &lt;TextBlock HorizontalAlignment=&#34;Center&#34; VerticalAlignment=&#34;Center&#34; Text=&#34;{TemplateBinding Content}&#34;&gt;&lt;/TextBlock&gt; &lt;/Panel&gt; &lt;/ControlTemplate&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;/Style&gt; &lt;Style Selector=&#34;Button.RoundedButton:pressed&#34; &gt; &lt;Setter Property=&#34;Template&#34;&gt; &lt;Setter.Value&gt; &lt;ControlTemplate&gt; &lt;Panel&gt; &lt;Image Source=&#34;\Resources\Bitmaps\Buttons\BtnRoundedPushed.png&#34; Classes=&#34;SetupButtonImage&#34;/&gt; &lt;TextBlock HorizontalAlignment=&#34;Center&#34; VerticalAlignment=&#34;Center&#34; Foreground=&#34;Orange&#34; Text=&#34;{TemplateBinding Content}&#34;&gt;&lt;/TextBlock&gt; &lt;/Panel&gt; &lt;/ControlTemplate&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;/Style&gt; </code></pre> <p>然后我在 MainWindow.axaml 中从此模板创建一个按钮:</p> <pre><code> &lt;Button DockPanel.Dock=&#34;Left&#34; HorizontalAlignment=&#34;Left&#34; Classes=&#34;RoundedButton&#34; x:Name=&#34;MyButton&#34; Width=&#34;100&#34; Content=&#34;Current +&#34; Click=&#34;MyButtonClicked&#34;/&gt; </code></pre> <p>这曾经运行良好,直到我今天升级到最新的 avalonia 版本(11.0.4),现在当鼠标悬停在按钮上时按钮会闪烁。该按钮的响应也不是很灵敏,我必须按下它很长一段时间,直到它调用单击事件处理程序。</p> <p>有什么想法导致此问题以及如何解决它吗?</p> <p>我尝试了不同的主题(FluentTheme 和 SimpleTheme),仍然闪烁。</p> </question> <answer tick="false" vote="0"> <p>不要在基于事件的伪类选择器(例如指针)中设置模板。在主样式中设置模板,并使用另一个选择器更改底层模板控件的属性。</p> <p>例如:</p> <pre><code>&lt;Style Selector=&#34;Button.RoundedButton:pressed /template/ TextBlock&#34;&gt; &lt;Setter Property=&#34;Foreground&#34; Value=&#34;Orange&#34;/&gt; &lt;/Style&gt; </code></pre> <p>不要害怕使用具有相同伪类的多种样式和选择器来将 TextBlock 与 Image 分开。</p> </answer> </body></html>

回答 0 投票 0

如何在 Chakra UI 上的按钮悬停时添加过渡持续时间?

我无法在悬停按钮时添加过渡持续时间。 我无法在悬停按钮时添加过渡持续时间。 <Button bgGradient='linear(to-r, #003e9b, #5949b4, #ad53cc 80%)' color='white' _hover={{bg:'linear-gradient(to left,#003e9b ,#5949b4 ,#ad53cc 80%)', transitionDuration:'1s',}} > CONNECT WALLET TO BUY </Button> 我在互联网上没有找到任何答案。 这对我有用。 <Button  position="relative"  bgGradient='linear(to-l, #003e9b, #5949b4, #ad53cc 80%)'  overflow="hidden"  _before={{ position: "absolute", content: `""`, width: "100%", height: "100%", bgGradient:'linear(to-r, #003e9b, #5949b4, #ad53cc 80%)', transition:'1s',  }}  _hover={{ _before: { opacity: 0 }  }} >  <Text zIndex="1" color={"white"}>CONNECT WALLET TO BUY</Text> </Button>

回答 1 投票 0

使用css或javascript为具有相同id的多个div制作悬停效果的最简单方法是什么?

悬停,我想要不透明度=“0.3”; 没有悬停,我想要不透明度=“1”; 每个 div 颜色中的 h2 和 h3 从白色变为红色。 我到处搜索并试图找出答案......

回答 3 投票 0

在 react-table-v6 中调用鼠标光标悬停的弹出窗口(单独的单元格悬停)

大家好,当我将单独的单元格悬停在反应表中时,我需要调用弹出窗口。 这个任务看起来很简单,例如,当我们悬停 DIV 时调用一些东西是没有问题的,但在我的例子中它是如何工作的。 我...

回答 0 投票 0

如何使用 Selenium 和 C# 将鼠标悬停在项目上避免点击它

我有一个问题,我想悬停在某个按钮上(开发)但是我不想点击它,我不知道该怎么做。当我点击这个按钮时,它会把我带到另一个地方,我不想...

回答 3 投票 0

使用悬停注释选项保存情节

关注这个主题: 如何向绘图添加悬停注释 例子.py 将 matplotlib.pyplot 导入为 plt 将 numpy 导入为 np; np.随机种子(1) x = np.random.rand(15) y = np.random.rand(15) 名字...

回答 0 投票 0

在 CSS 中具有悬停效果的点击

我正在尝试制作一个没有链接的按钮,因为背景已经链接。因此你应该能够通过它。我知道 pointer-events:none 但在使用它时,div 的 :ho...

回答 2 投票 0

Java Swing 的悬停效果

在我的主窗口中,我有两个面板。它们是左面板和右面板。在左面板中,我有两个按钮:matchButton 和 simulatorButton。在我的 rightPanel 中,我在上面绘制了一个图像。我试过...

回答 1 投票 0

悬停时变换顶点位置(Three.js/Shaders GLSL)

我正在学习着色器,并且有一个正在构建的小项目。该项目基于将鼠标悬停在粒子上时将粒子转换为纹理。现在...

回答 0 投票 0

在悬停/单击时更改汉堡菜单的颜色

我只想说我在编码方面的知识非常少。我想弄清楚如何在光标悬停或单击时将汉堡包菜单从当前颜色变为白色。我

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.