不同元素上的悬停效果
是指当鼠标悬停在网页上的不同元素（如按钮、链接、图像等）时，触发的视觉效果或交互行为。这种效果可以通过前端开发技术实现，为用户提供更好的交互体验。
悬停效果的分类：
- 颜色变化：当鼠标悬停在元素上时，可以改变元素的背景色、文字颜色等，以突出元素的悬停状态。
- 动画效果：可以通过CSS或JavaScript实现元素的动画效果，如淡入淡出、旋转、缩放等，增加页面的动感和吸引力。
- 提示信息：当鼠标悬停在某个元素上时，可以显示一个提示框或气泡，提供更多相关信息或操作选项。
- 链接效果：当鼠标悬停在链接上时，可以改变链接的样式，如下划线、加粗等，以提示用户该元素可点击。
悬停效果的优势：
- 提升用户体验：悬停效果可以增加页面的交互性和吸引力，提供更直观、友好的用户体验。
- 强调重要元素：通过改变颜色、动画等效果，可以突出显示重要的按钮或链接，引导用户进行特定的操作。
- 提供更多信息：通过提示信息的方式，可以在用户悬停在某个元素上时，提供更多相关的信息或操作选项，提高用户的操作效率。
悬停效果的应用场景：
- 导航菜单：当鼠标悬停在导航菜单上时，可以改变菜单项的样式，以突出当前所在页面或下拉菜单的显示。
- 图片展示：当鼠标悬停在图片上时，可以显示图片的标题、描述或放大效果，提供更多信息或更好的展示效果。
- 表单输入：当鼠标悬停在表单输入框上时，可以改变输入框的样式或显示输入规则，提高用户对输入框的理解和操作准确性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足不同规模和业务需求的云服务器实例。详细信息请参考：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、视频、文档等各类文件的存储和管理。详细信息请参考：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：通过全球分布的加速节点，提供快速、稳定的内容分发服务，加速网站访问和内容传输。详细信息请参考：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能（AI）：提供丰富的人工智能服务和解决方案，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能化应用。详细信息请参考：https://cloud.tencent.com/product/ai
- 腾讯云区块链（BCS）：提供安全、高效的区块链服务，支持快速搭建和管理区块链网络，满足不同行业的区块链应用需求。详细信息请参考：https://cloud.tencent.com/product/bcs
请注意，以上链接仅为示例，具体产品和服务选择应根据实际需求进行评估和决策。
相关·内容
1回答
如何实现旋转滑翔机双目标悬停效应
、、、、
我一直在网站上工作，并试图从革命滑块复制多通的悬停效果。-
我似乎想不出如何将悬停效应应用到我的测试现场。我想要相同的悬停效果从多通主滑块到我的测试站点主旗帜。-
如有任何建议或帮助，将不胜感激。更大的力量
注:我不会使用滑块革命插件，但我只是“复制”的效果水平视差滚动。
实际上，我已经找到了一段代码，但是效果被破坏了，下面是我复制的代码: pastebin.com/raw/Jc9Apavi
浏览 1提问于2018-08-13得票数 0
3回答
我使用图像按钮进行导航，因为我想要悬停效果。我的意思是，我使用按钮图像而不是<ul>标签或<div>标签，因为我想要悬停效果，这意味着当我将鼠标悬停在该图像上时，图像会发生变化。这就是我使用图像按钮的原因。
但是，我不想使用图像。我想使用<ul>标签和<div>标签，但我不熟悉如何在这些标签上做悬停效果。
请帮帮我。
浏览 1提问于2010-09-08得票数 0
回答已采纳
2回答
我正在尝试将悬停效果同时应用于两个不同的元素，这意味着当我将鼠标悬停在一个元素上时，我也是另一个具有悬停效果的元素。这两个元素是一个简单的文本和一个图标(使用很棒的字体)。有没有办法只用html和css来做到这一点？或者我需要使用javascript吗？
非常感谢!
浏览 0提问于2015-11-23得票数 0
3回答
在这里看到这个可视化效果，当鼠标悬停在图像上时，图像的颜色会发生变化：
我正在尝试复制同样的行为。有什么线索吗？
浏览 1提问于2014-07-13得票数 1
1回答
触发器jquery插件
、、、
我正在使用这个jQuery插件：。它基本上将图像设置为黑白，当您将鼠标悬停在图像上时，图像将变为彩色。
现在我想知道是否有可能在悬停其他东西(一些文本)时触发插件(给图片上色)。
我尝试在元素上触发hover()和mouseenter，但似乎没有效果。
浏览 1提问于2013-01-30得票数 0
回答已采纳
1回答
因此，我试图禁用文本tspan标签的“悬停”状态。下面有一个元素，它已经具有悬停状态，每当我将鼠标放在文本上时，悬停效果就会“闪现”。我希望文本在悬停状态下被忽略。
在这个中，看到了"Morbihan“区域，当我们把鼠标放在文字"Morbihan”上时，该区域的悬停效果就会闪现。同样发生在工具提示，我想禁用这种效果，当悬停文本只是继续与工具提示和高亮颜色的区域。
到目前为止，我只禁用了文本光标：
tspan {
cursor: default;
}
谢谢。
浏览 1提问于2015-07-06得票数 4
回答已采纳
2回答
我有几个带有悬停效果的svg矩形，当鼠标悬停在矩形上时，矩形的背景颜色会发生变化。悬停效果是通过css设置的：
.myclass:hover {
fill: rgb(255,128,0);
}
除此之外，文本被放置在每个矩形的上方。一对文本和矩形定义一个组。
<g>
<rect class="myclass" x="10" y="10" width="40" height="40" />
<text x="30" y="40" f
浏览 0提问于2012-08-22得票数 1
回答已采纳
1回答
触摸终端时禁用css悬停
、、、、
在纯JavaScript中，当用户的触摸结束在可触摸设备中时，如何禁用( div或btn ...etc)的悬停效果？
我有一些锚和按钮，对悬停的影响，但在触摸设备上，触摸的效果仍然可见，即使用户把他的手指从屏幕上。
我不想让触控装置上的悬停效果完全消失.但我想要的是停止接触元素后的悬停。
我试着用touchend在JavaScript上玩，但是它不起作用。
有人能帮忙吗？
浏览 11提问于2022-10-06得票数 0
我正在尝试在bbc上实现标题效果链接：
向下滚动到most popular/whats on/explore
我想要的效果是，标题在左边，箭头在右边。在悬停时两者都会改变颜色。
如何才能使标题填充容器并描述其行为？
谢谢
浏览 0提问于2012-02-19得票数 0
回答已采纳
我试图为一个有多个行跨度的表做一个悬停效果，但我没能让它完全工作。
在另一个堆栈溢出中描述的css不工作(请参阅此处的解决方案 )。
这里的示例(多列上的行跨度)：
悬停css效果定义为：
tbody:hover td[rowspan], tr:hover td {
background: red;
}
有什么建议吗？
浏览 0提问于2018-03-07得票数 0
4回答
我正在尝试实现悬停效果，它以单个元素为目标，但将类名作为多个元素。例如，我只希望当您将鼠标悬停在该特定元素上时，才会出现悬停效果。但是，如果我将鼠标悬停在剩余的元素上，代码就会工作，这就是我到目前为止所拥有的。
$(".thumb-overlay-content").hover(function() {
$(this).parent('.thumb-overlay-desc').removeClass('animated rotateOut');
$(this).parent('.thumb-overlay-desc
浏览 0提问于2013-10-23得票数 0
4回答
我使用CSS样式悬停在我的页面上的一些图像链接。
当用户将鼠标悬停在图像上时，它的背景位置会发生变化，从而提供高亮效果。
当我将鼠标悬停在i.6中的图像上时，我的页面被下推了40px。
为什么会这样呢？
浏览 0提问于2009-12-15得票数 0
回答已采纳
3回答
Hover上的图像效果不透明
、、、、
如果图像的悬停位置不透明，是否有可能使图像具有悬停效果。
因为我有一个带有一些透明的图像。
然后我想做一个悬停效果，当鼠标停在图像不透明的地方时，它将首先运行。
这有没有可能呢？
希望它是可以理解的。
浏览 3提问于2013-02-16得票数 0
1回答
我正在创建一个网站，并在我的主页上使用悬停效果来显示部分名称。但是，当我调整屏幕大小以查看小设备视图时，悬停效果显然不起作用。如何保持此效果处于激活状态？如果可能的话，使用CSS @media。谢谢。
这是代码。
浏览 1提问于2015-06-23得票数 0
3回答
对于简单的jquery显示/隐藏效果，我遇到了很多麻烦。
当你悬停在滑块上时，导航按钮就会褪色。同样地，他们也会在老鼠身上消磨时间。
问题是，当你悬停在一个按钮上时，它们就会消失！
如何使jQuery忽略按钮上的悬停？
编辑:只有在#滑块上悬停才能触发效果。我正在使用这个插件：
我不认为标记很容易改变..。
浏览 1提问于2009-11-05得票数 0
回答已采纳
如果我在多个页面部分上激活了一个悬停触发效果，每个页面部分都具有如下所示的滑块触发器类，我如何才能将该效果限制在当前悬停的部分上？
我有以下代码，目前悬停在一个触发器div上会将效果应用于所有.slide部分。
jQuery(function($) {
$(document).ready(function() {
$('.slide-trigger').hover(function() {
$('.slide').addClass('slide-active');
},
function()
浏览 0提问于2018-10-17得票数 0
1回答
禁止在悬停时检测元素
、、、、
我有一个简单的按钮element.Then之后，我有一个徽章，我定位在按钮上的绝对位置。正常情况下，当你将鼠标悬停在来自bootstrap的btn-dark上时，它会巧妙地将颜色更改为灰色，并且运行良好。但当我将鼠标悬停在按钮顶部的徽章上时，悬停效果停止工作，因为它被视为悬停在按钮之外。有没有办法在没有任何javascript的情况下保持悬停效果？有没有办法让徽章在悬停时不被察觉？ ? <div>
<a href="#">
<i class=" btn btn-dark cart
浏览 16提问于2020-09-22得票数 0
3回答
我花了一段时间阅读有关jQuery悬停问题的其他各种帖子，并尝试不同的方法使我的jQuery悬停功能正常工作，但没有效果。
我想要实现的
我想用jQuery的悬停事件隐藏/显示安莉元素中的div。
发生了什么
div正确地隐藏/显示，但是如果鼠标很快地从一个li元素移动到另一个元素，那么有时候隐藏(mouseleave)似乎没有被执行。这使得应该隐藏的div可见。
Demo
在演示中，您将看到这种效果。包含链接"Delete“的div显示为鼠标在li元素上滚动，但是如果鼠标迅速跳转到下一个li元素，它并不总是消失。
如果需要任何额外的信息，请告诉我。谢谢。
浏览 4提问于2012-02-20得票数 2
回答已采纳
11回答
我需要在整个DOM中的特定按钮(而不是所有按钮)上禁用鼠标悬停。请让我知道如何使用CSS类来实现它。
当我的按钮被禁用时，我正在使用下面的CSS类。现在，我想使用相同的类来移除悬停效果。
.buttonDisabled
{
Cursor:text !important; Text-Decoration: None !important;
}
上面的类将负责删除鼠标悬停时的手势和文本下划线。现在我也想去掉悬停效果。请让我知道。
浏览 4提问于2014-11-05得票数 85
1回答
这是网站：
如果你点击左边的图片，它会通过ajax加载页面内容(出现在右边的项目)。我的问题是，当我将鼠标悬停在项目上时，它会产生某种奇怪的行为，例如，如果我将鼠标悬停在4到9个项目上，它会显示隐藏的文本，但在前三个项目上，它真的很奇怪。
这就是我做效果的方法：
要显示文本，请在我的主要js上执行以下操作：
$(function(){
$(document).on("mouseover",".item",function(){
$(this).find(".art_title").fadeIn(200);
});
浏览 3提问于2012-10-12得票数 0
回答已采纳
我正在尝试在ul上创建悬停效果，我正在尝试找出一种方法来改变悬停时在ul中的元素的字体颜色。 现在我在单个元素上使用鼠标悬停，如下所示： .wt-description p:hover {
color: white !important;
} <div class="col-12">
<ul class="wt-categoryvtwo wt-categoryvthree">
<li>
<div class="wt-categorycontentvtwo">
浏览 30提问于2021-06-28得票数 0
1回答
我有两种不同的jquery效果，我想要应用于表单单选按钮，一边是按钮的悬停效果，另一边是选定单选按钮的背景颜色更改。代码如下：
对于悬停：
$(".label_radio").hover(function () {
$(this).css("background-color", "silver");
},function () {
$(this).css("background-color", "transparent");
});
对于所选项目：
$("#uno").click(f
浏览 1提问于2013-05-16得票数 0
回答已采纳
我的菜单和它的悬停效果有一些严重的问题。
我有一个非常基本的菜单，它有一个子菜单：
<ul id="menu">
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a>
<ul>
<li><a href="#">SubMenu1</a></li>
<li><a href="#
浏览 2提问于2013-05-06得票数 1
回答已采纳
1回答
假设我们有一个这样的样式声明：
body > div > input:hover ~ label {
color: red;
}
据我所知，解析器会找到所有的标签，过滤那些跟在悬停的input后面的标签，悬停的div是body的直系后代。
我想知道的是，这是在输入的悬停状态发生变化时执行，还是只在一个文档加载一次(放在某种查找表中)时执行。
如果我想要使用大量复杂的选择器(因为不相关的原因)，页面的渲染会在状态和效果之间变慢，还是只会影响页面的初始加载时间？
浏览 4提问于2014-04-16得票数 3
我的代码中有一个问题，当我将鼠标悬停在图像上时，图像会放大50%，并在图像上显示一个文本，但当我将鼠标悬停在文本上时，图像将进入mouseout、mouseover、mouseout、mouseover状态。所以它会闪烁很多。当鼠标悬停在图像文本上时，如何禁用此悬停事件？我在文本中尝试了event.stopPropagation，但它不起作用。
这是。尝试将鼠标悬停在图像上，然后尝试将鼠标悬停在文本上。这就是我所说的效果。我想禁用文本悬停事件。请帮帮我。
浏览 0提问于2012-06-05得票数 0
回答已采纳
3回答
如何禁用:在移动上滚动时悬停？
、、、、
我正在做一个移动版本(准确地说，是响应性的)，一个已经存在的桌面站点，它已经有了大量的hover效果。这种情况经常发生，而不是当我通过触摸屏幕在移动上滚动它时，它会触发一些性能很重的hover动作，比如在大box-shadow和/或动画border中褪色。由于显而易见的原因，我在移动浏览器上不需要这样做，而且我听说，仅仅是在移动设备的滚动轴上禁用悬停就可以带来很大的性能提升。
是否有一种方法可以轻松地，暂时禁用所有悬停效果时，在移动设备上滚动，只有？它是否安全(从UX的角度来看)，它是否值得实现(从性能的角度来看)？
浏览 6提问于2014-12-28得票数 3
回答已采纳
4回答
我试图创造一种比css (显然我也是)能处理的效果更复杂一点的效果。
这个想法是让5个DIV中的一个在页面加载时处于活动状态，然后在不同的DIV悬停之前，前一个DIV保持活动状态。本质上，总是会有一个活跃的元素。
所有需要做的就是隐藏.promoExpand并在悬停时显示。
这是我到目前为止所知道的：
$(document).ready(function(){
$('.promo').mouseenter(function () {
$(this).find('.item').addClass('promoExpand')
浏览 0提问于2011-09-20得票数 0
回答已采纳
我正在试着建立一个新的网站。这项工作差不多完成了，但我还需要最后一个细节。我正在使用一个带有缩略图/标题和链接功能的网格来详细介绍站点。 我想要可视化的链接功能与一些悬停效果(由我的模板提供)。 这是到项目网站的链接-我正在我的主页上寻找帮助： https://emc.ow-media.de/ 如果您悬停文档的拇指或页面末尾的三个链接的拇指，您可以看到悬停效果。我也想在顶部的网格元素(6个拇指)上使用这个效果。 你能给我一个提示吗，如何让它与CSS一起工作？ 非常感谢!
浏览 22提问于2021-11-12得票数 0
2回答
我们正在制作一个广告div，我们在鼠标悬停和鼠标移出时都有这个功能。问题是我不能在同一个页面上运行多个这样的函数，我想是因为它没有ID。
代码是
Function mouseOver ()
{
document.getelementbyid("flashdiv").classname="flash-abg";
}
Function mouseOut ()
{
document.getelementbyid("flashdiv").classname="flash-I";
}
那么我如何在一个页面上运行这两个，我在i
浏览 2提问于2011-08-15得票数 0
回答已采纳
2回答
我正在试着倾听一个元素对重叠元素的影响。我只想要当我悬停到元素B时itemB上的悬停效果。但是，由于元素B在元素A的顶部，所以元素A上的悬停效果也会显示出来。有什么办法可以解决这个问题吗？非常感谢。
我的jsfiddle
浏览 0提问于2012-08-16得票数 1
回答已采纳
1回答
我最近经常看到一种有趣的图像悬停效果，我想知道是否有人有任何关于如何最好地创建这种效果的提示或建议？
我想创造的是一种效果，当你将鼠标悬停在图像上时，图像会淡出，放大镜或类似的图标也会淡入。突出显示的事实是，如果您单击图像，它将放大等。
这里有一个很好的效果示例：
任何建议或建议都是很棒的！
浏览 3提问于2011-02-05得票数 1
回答已采纳
3回答
你好，很抱歉问了这么简单的问题！我是一个jQuery新手，即使我研究了很多，我也没能让这个简单的效果发挥作用。
我希望孩子在父级悬停时淡入，在鼠标淡出时淡出。
我的另一个问题是，所有的div都有相同的类，如果我在悬停时显示/隐藏孩子，效果也适用于所有其他div，这真的很糟糕……我需要一种方法来让jquery理解元素是悬停的，甚至是困难的，所有这些元素都有相同的类。
我不确定我是否很好地解释了这一点，但我做了一个快速的jsFiddle：
下面是我的jquery：
$(".container").mouseover(function() {
$("a").fadeI
浏览 5提问于2013-08-26得票数 2
1回答
我想在图像上做一个悬停效果。这很好用！但我在div中的图像上也有一个文本。当我将鼠标悬停在屏幕上时，背景中的图像会返回..
简而言之，我希望只有当我鼠标悬停在文本或图像上时，图像上才会有悬停效果。
你可以在这里看到它是如何工作的：
$(document).ready(function() {
$('img').each(function() {
$(this).hover(function() {
$(this).stop().animate({ opacity: 0.3 }, 200);
},
funct
浏览 0提问于2011-03-29得票数 1
回答已采纳
2回答
我正在尝试使用这个脚本来做一个悬停效果：
function itemhover(){
$(".item").mouseenter(function(){
$(".mask").fadeIn();
})
$(".item").mouseleave(function(){
$(".mask").fadeOut();
})
}
问题是，当我将鼠标悬停在任何项目上时，它在.mask中会淡入淡出，我如何才能将函数指向正在悬停的项目上呢？
另外，当我快速地将鼠标移入和移出项目时，
浏览 1提问于2013-02-20得票数 1
回答已采纳
3回答
我有两个div
<div id="a">A</div>
<div id="b">B</div>
我正在尝试制作一种效果，当鼠标悬停在#b上时，#a的背景颜色会发生变化。我用过
CSS
#b:hover + #a{
background: #000;
}
但它不起作用。
如果我使用
CSS
#a:hover + #b{
background: #000;
}
它起作用了。将鼠标悬停在#a上会更改#b背景颜色。
但我得先工作。
如何让第一个工作。为什么这不起作用？
浏览 0提问于2013-07-10得票数 0
回答已采纳
我有几个网格(剑道网格)。这与它们的悬停效果有共同的风格。我只想在一个名为mygrid的网格上防止这种悬停效果。
尝试了一下，但没有成功：
.k-grid tr:hover :not(#mygrid)
{
color:White;
background-color:#90B5DA;
}
浏览 5提问于2013-01-12得票数 2
2回答
如何同时加载两个悬停效果
、、、、
我有许多图像，它们在悬停时都会有相同的效果，所以我制作了图层。I是图像，一个是悬停效果。
所以在悬停第二层加载时，我也想给主图像一个效果。仅在悬停状态下。正如你所看到的，我给它添加了灰度效果。但在悬停时，两个悬停不会同时加载。为什么会这样呢？
这是我在主图像悬停时得到的结果：
a:hover .img{-webkit-filter: grayscale(100%);}
我也会在过渡过程中发生这种情况。
浏览 0提问于2013-06-25得票数 0
回答已采纳
1回答
我的Silverlight 4应用程序上有几个超链接按钮。当我将hyperlink的content属性绑定到我的VM类时，悬停效果(下划线和粗体)不显示！当我移除绑定并手动键入文本时，悬停效果可见。
当我将内容属性绑定到VM对象时，为什么在超链接按钮上看不到悬停效果？
浏览 2提问于2010-10-12得票数 2
回答已采纳
1回答
如何组合事件上的操作。因此，悬停将使菜单具有动画效果，并显示附加到该菜单项的工具提示。
我目前正在使用lavalamp和beautytips插件。
浏览 0提问于2010-01-24得票数 0
2回答
在CSS中，我有几个带有悬停效果的DIV项目。如果我将鼠标悬停在一个元素上，这个元素会有另一种背景颜色。如果我将鼠标悬停在另一项上，则前一个选定项具有默认背景颜色，而不会悬停。
我怎样才能用jQuery做到这一点？我想要动画背景颜色，但希望通过悬停在另一个项目上来消除淡出(动画)效果。我尝试了窗口超时，但在鼠标指针滑过几个元素后，一切都闪烁和错误。
这是我用来制作鼠标悬停动画效果的代码：
$('.entry').mouseover(function() {
(this).animate({ backgroundColor: "#0F410E" }, { dur
浏览 0提问于2012-07-16得票数 2
回答已采纳
2回答
我做了一个悬停效果，将顶部块切换到slide up/down，同时切换到bottom block slides up / down。
正如你在Fiddle中看到的：
然而，如果你快速地滑动你的鼠标在这个块上和离开，悬停效果不断重复，即使你不再在那个块上。
在我的HTML中，我有2行，每3行包含3个这样的块。如果您滑动这些行的鼠标，所有的块都会重复它们的悬停效果。
如果您悬停另一个块或鼠标在当前块上，如何防止悬停效果的循环。
下面是我当前的jQuery代码：
$(".usp-hover").mouseenter( function(){
$( this ).find(
浏览 2提问于2017-12-05得票数 0
回答已采纳
4回答
使用jQuery在悬停时更改图标
、、、、
我正在尝试使用jQuery使我的图标在mouseover上改变。使用语义UI，如果将"outline"作为类添加，则某些/大多数图标可能有所不同。例如：<i class="icon user"></i>和<i class="icon user outline"></i>。
我的想法是简单地用jQuery在mouseover上切换类大纲，但是之后我遇到了一些问题：
由于选择了nav中的nav，如果您在a中的li上悬停，该函数将再次运行。只有当您在整个a上悬停时，它才能工作。
它改变了我在导航下
浏览 1提问于2018-04-10得票数 0
回答已采纳
2回答
因此，我不知道如何在我正在工作的朋友网站上删除悬停效果.我不想在这里看到箭头上的悬停背景：
悬停效应出现在这里：
我怎么能改变它，这样就没有悬停在这上面了？
浏览 0提问于2015-07-12得票数 0
回答已采纳
1回答
我的问题真的很简单，我只是想做的是:hover，:after和:before，我想悬停和之后嵌入到相同的元素，检查我的css代码：
#sidebar .widget li a:before:hover, #sidebar .widget li a.active:before {
background-position: 65% 65.7%;
}
这里的元素在:before中有一个图标，我不能删除或修改，我也想有一个悬停效果在它上…
有没有办法解决这个问题，我的控制台没有显示悬停效果？
浏览 0提问于2013-06-04得票数 1
回答已采纳
1回答
我有一个像这样的大纲：
<mat-form-field appearance="outline">
<input matInput ...>
</mat-form-field>
它在盘旋时显示出一个很好的轮廓。
我希望在此元素上创建相同的悬停大纲效果，但在用户在页面上悬停另一个元素时以编程方式创建。
是否可以在不实际悬停元素的情况下创建悬停效果？
我试过的是：
我知道如何编程focus()输入。然而，这不是我想要的。
我试过。然而，这似乎行不通。
重新应用角(例如，ng-deep或类似的)所使用的样式不是一个选项，因为这些可能
浏览 13提问于2022-03-16得票数 0
2回答
有没有可能添加鼠标悬停效果，在不将鼠标悬停在.css文件中的情况下更改悬停对象的background-color？我的小提琴：我想添加一个鼠标悬停效果来改变我悬停的背景颜色，有没有办法在我的var contentMenuStyle = { ... }中做到这一点？
浏览 0提问于2015-06-16得票数 0
我正在做一个网站--我对html和css非常陌生，我有一个问题。您可以在这里找到我正在进行的工作：。
现在我想添加一个效果:当我将鼠标悬停在一个导航标签上('Renovaties'，'Gerechtelijke expertise‘或'Over mij')时，我希望看到该标签的悬停效果，同时看到它下面的div的悬停效果(分别是带有建筑帽子、领带和名称的那个)-反之亦然。
例如:将鼠标悬停在“Renovaties”标签上，网站将显示该标签及其下方div的悬停效果-反之亦然。
我已经寻找了五个小时的解决方案，这就是为什么我被允许在这里提问的原因;-)
万分感
浏览 3提问于2013-05-10得票数 0
6回答
我一直在研究这些问题，但我找不到我要找的东西。
我想知道如何使一个函数执行以下操作：
如果将元素悬停，元素将更改为蓝色，例如
如果取消悬停，它将更改为默认设置。
如果您单击它(焦点)，即使您取消悬停效果，它也会使蓝颜色远离悬停效果。
如果你点击离开(模糊)，它会返回到默认的颜色，鼠标覆盖效果再次工作。
我如何这样做;)？
浏览 1提问于2011-03-25得票数 7
回答已采纳
我决定了一个效果，我想要一个垂直的下拉列表。基本上，每个列表元素都由一个1px的灰色条分隔。这个效果很简单，应用下边框:纯黑1px；
在悬停时，我希望选定项的顶部和底部边框变为白色。不幸的是，设置列表项元素的上边界和下边界并不会改变它上面的列表项的下边界，并且我最终会使上边界保持为黑色，而将下边界变为白色。
有没有css唯一的方法来达到这个效果呢？
所需效果如下所示：
浏览 1提问于2011-10-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
