悬停时锚点动画的CSS问题
是指在网页中使用CSS实现悬停时锚点的动画效果。当用户将鼠标悬停在页面上的锚点链接上时，可以通过CSS来实现一些动画效果，以增强用户体验。
一种常见的实现方式是使用CSS的:hover伪类选择器来定义悬停时的样式。通过为锚点链接添加:hover伪类选择器，可以在用户悬停时改变链接的样式，从而实现动画效果。
下面是一个示例代码，展示了如何使用CSS实现悬停时锚点动画效果：
<!DOCTYPE html>
<html>
<head>
<style>
/* 定义锚点链接的默认样式 */
a {
color: blue;
text-decoration: none;
transition: color 0.3s ease; /* 添加过渡效果 */
}
/* 定义悬停时的样式 */
a:hover {
color: red;
}
</style>
</head>
<body>
<!-- 锚点链接 -->
<a href="#section">跳转到某个章节</a>
<!-- 页面内容 -->
<div id="section">
<h2>某个章节</h2>
<p>这是某个章节的内容。</p>
</div>
</body>
</html>在上面的示例代码中，我们首先定义了锚点链接的默认样式，包括颜色和文本装饰。然后使用:hover伪类选择器定义了悬停时的样式，将链接的颜色改为红色。同时，我们还通过transition属性为颜色添加了一个过渡效果，使颜色的变化更加平滑。
这样，当用户将鼠标悬停在锚点链接上时，链接的颜色会从蓝色渐变为红色，实现了悬停时的动画效果。
对于悬停时锚点动画的CSS问题，腾讯云并没有直接相关的产品或服务。然而，腾讯云提供了丰富的云计算服务和解决方案，可以帮助开发者构建和部署各种类型的应用程序。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。
相关·内容
1回答
我有一个菜单动画，我正在鼠标悬停上使用，效果很好，但我不太确定如何继续。当链接悬停在上方时，div的宽度将被设置为动画，模拟动画下划线。我希望如果该菜单项被单击，动画就会停止，本质上是保持该菜单项的下划线，但如果单击任何其他菜单项，动画就会恢复。这是用在一个单页面的网站上，我基本上想指出的是，用户在网站的哪个部分。
基本代码：
HTML
<ul>
<li id="contactmenu">
<a href="#contactpage">contact
浏览 1提问于2013-06-04得票数 0
回答已采纳
我引入了一个悬停在按钮上的动画。悬停动画效果非常好，但它的副作用是，一旦动画结束，您就不能再单击按钮。我想改变这一点，但我似乎想不出该怎么做。
.chooseFileBtn, .submitFileBtn{ /* ignore the '.submiteFileBtn' here */
margin-top:180%;
padding-left: 30%;
padding-right:30%;
padding: 10px 20px;
border-radius: 8px;
background-color: #E55300
浏览 0提问于2018-05-21得票数 0
我是CSS动画的新手。我做了一个简单的效果，其中一个链接悬停，一个标题出现，图像顶部的div的不透明度逐渐消失。
这一切都在工作，并显示在这个样机上：
我试图做的没有成功的事情是，当链接区域退出(悬停)时，不透明度div淡入淡出。有人能帮上忙吗？
浏览 5提问于2015-02-03得票数 1
我在IE9中关注网站时遇到了问题。正如你可能注意到的，当鼠标悬停在上面时，子菜单消失了。
vinehousefarm-farmshop.co.uk
HTML：
CSS：
非常感谢！
浏览 2提问于2012-06-05得票数 0
回答已采纳
2回答
我将使用图像，因为否则可能很难理解。我们在我们网站的页脚有这些社交图标，它们有一个可爱的悬停状态，然而，如果没有悬停，我似乎无法复制它。
Facebook图标:悬停不活动：
Facebook图标:悬停活动：
我想复制悬停的风格，而不是真正的悬停。HTML：
<li class="facebook">
<a href="https://www.facebook.com/" target="_blank" title="Facebook">
<span clas
浏览 10提问于2018-08-02得票数 1
回答已采纳
我有一个导航条，它使用CSS转换在悬停的链接顶部扩展一个条。我还想要一个#active id，因此相应的链接具有应用于它的结束样式。由于CSS转换语法的性质，我无法做到这一点。
#active:before {
position: absolute;
top: 0;
left: 0;
margin-top:2px;
width: 100%;
height: 6px;
background: red;
content: '';
}
为了澄清，我想要改变文本的颜色和条形在页面加载，同样的风格是适用于:悬停。当然，这种
浏览 5提问于2015-05-16得票数 0
回答已采纳
2回答
我是css transform属性的新手，但我正在努力学习并制作我的第一个动画。假设我做了我想要的，但是有一个错误，却找不到如何解决这个问题。
Jsfiddle的例子出现在评论中。
问题是，当我在第一次悬停时，第二个div和另一个div一样，当我悬停另一个div时。只想让div固定下来。
我不确定我是不是做错了什么动画或其他东西。
谢谢!
浏览 5提问于2015-08-01得票数 0
回答已采纳
2回答
因此，我对CSS和HTML非常陌生，我正在努力使这个下拉悬停菜单正常工作。
在链接3下，有一个带有链接的子菜单。我希望这样，当用户徘徊在其中一个子链接，父链接的(链接3)背景颜色仍然高亮显示，而不是消失回蓝色。这是我用来在悬停期间高亮显示每个链接的CSS。
#menu a:hover, #menu .current_page_item a
{
text-decoration: none;
background:#d4728b;
}
这段代码还使得当前悬停的链接将被高亮显示，但我希望这样，当光标悬停在菜单中的另一个链接上时，current
浏览 0提问于2014-07-14得票数 0
回答已采纳
嗨，我正在使用这个页面上的悬停动画：
使用CSS3转换，你可以看到它在Chrome和火狐浏览器上都能正常工作。
在IE上，我使用这段代码来使用Jquery不透明淡入淡出来复制效果。然而，当我将鼠标悬停在每个面板的标题上时，淡入淡出的效果就消失了。我希望它能保持淡出效果，就像它在Chrome和Firefox中工作一样，即使我停留在项目的标题上。我该怎么做呢？
下面是我使用的jQuery代码：
if( jQuery('body').hasClass('ie8') || jQuery('body').hasClass('ie7') ||
浏览 1提问于2012-01-25得票数 0
4回答
移除悬停动画
、、、
请转到下面的链接并单击故事，
当我鼠标滑过时，
它在悬停时处于动画状态。
我该如何删除它。我使用下面的css来完成这个任务，
.storypageThumb1 {
float:left;
width:175px;
height:91px;
text-indent: -9999px;
background:url(../images/storyPage-thumb01_new.png) no-repeat;
text-transform: uppercase;
}
.storypageThumb1:hover {
background
浏览 2提问于2012-04-23得票数 3
回答已采纳
5回答
您好，HTML5 / css专家
我试图利用HTML5提供的一些“新”功能，但是我偶然发现了一个问题，当在标签内有块元素时，在悬停时改变我的链接背景。
这是我的测试代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>teeeest</title>
<link rel="stylesheet" href="saninetto1/css/bootstrap.min.css"
浏览 0提问于2012-07-31得票数 2
回答已采纳
1回答
我正尝试用CSS实现一个多级的下拉导航菜单，但有一个小部分我似乎无法正常工作。
应该发生的情况是：
1)当鼠标悬停在菜单项上时，应使用不同的图像突出显示该菜单项(这很好用)。2)当鼠标悬停在子菜单项上时，父菜单项应突出显示。
Point2可以很好地工作，直到我在父菜单项上有一个类.bottom (这个类用于图像的细微差别)。如果父菜单项具有.bottom类，则不会发生高亮显示。
可以在此处查看演示：
演示显示，当鼠标悬停在Menu 1> Sub Menu 3> Sub Sub Menu X上时，Sub Menu 3高亮显示。但是，将鼠标悬停在菜单2>子菜单3>子菜单X上
浏览 3提问于2011-10-30得票数 2
回答已采纳
2回答
我有代码：
<a class="preview" href="">
<img class="frame" src="tmp5.png" alt="" />
</a>
a.preview:hover {
background:red url('../images/icons/preview.png') 0 0 no-repeat;
display:block;
height:100%;
width:100%;
z-i
浏览 0提问于2011-09-04得票数 1
我正在尝试动画我的文本颜色，并有一个>移动约15px后的文本悬停。我认为使用css可以做到这一点，但不确定从哪里开始。
$('#home_solutions_list li').mouseenter(function() {
link = $(this).find('.home_view_products a');
link.stop(true, true).animate({
'color': '#636a6d'
}, 'fast');
link.find('span'
浏览 26提问于2017-03-13得票数 0
1回答
我在div中有一个锚点，它覆盖了div的所有内容。问题是，当您将鼠标悬停在任何非空白区域(例如，图像或一些文本)上时，IE8会忽略链接：
我需要对哪些元素应用什么样的CSS，才能使IE8拥有覆盖兄弟元素的锚点？
浏览 2提问于2011-10-20得票数 0
回答已采纳
我正在为我的网站建立一个导航栏，我正在使用CSS网格，因为我最近学到了它，我想更舒适地使用它。当我将鼠标悬停在按钮上时，我试图让整个按钮更改格式，但是，当我将鼠标悬停在链接上时，它只会更改链接的背景。这是我的导航栏CSS的样子： #navbar-grid{
display: grid;
grid-template: 75px / 1fr 1fr 1fr;
justify-items: center;
align-items: center;
width: 100%;
background-color: #374457;
color: white;
font-s
浏览 12提问于2019-06-11得票数 0
回答已采纳
3回答
我偶然发现了，它的顶部有一些链接。在悬停时，根据CSS，链接文本和它们的背景应该改变颜色。它可以在Firefox，Opera和IE中运行，但在Chrome 17.0.963.79和Safari 5.1.2中的悬停没有变化，所以我怀疑是webkit的问题。但是CSS看起来足够无害了。这里的问题在哪里？此悬停的CSS部分如下：
.topNaviagationLink a:hover
{
text-align:center;
border-bottom:none;
color:#0C61C9;
display: block;
width:121px;
height: 35px;
line-heigh
浏览 8提问于2012-03-14得票数 4
回答已采纳
我正在尝试制作一段简短的脚本，当鼠标悬停在上面时，它会改变文本字符串的颜色。
HTML：
<span class="headinglink" id="firstheading"><h1><a href="http://localhost/page.php">Link1</a></h1></span>
JavaScript：
$('#firstheading').hover(function () {
$(this).find('h1&#
浏览 0提问于2012-10-08得票数 0
回答已采纳
我需要添加边框或框阴影图像时，我悬停在一个链接。悬停应在圆形图像周围显示动画圆圈。我正在使用下面的css，但它不起作用。
<div class="sub-page-menu-item-w">
<div class="sub-page-menu-img">
<img src="http://dummyimage.com/200x200/0066ff/fff" class="sub-page-menu-imgx img-responsive img-circle">
</di
浏览 0提问于2016-09-29得票数 0
2回答
所以我们有这个按钮： <button type="button" class="btn">
<a href="#">This goes somewhere</a>
<i class="fa fas-arrow-right"></i>
</button> 我想将图标旋转90度，这样在悬停时它将是一个向下箭头，我遇到的问题是： -When使用css悬停和旋转的问题是，你必须悬停图标，我想箭头旋转90度时，悬停的按钮，我不知道你是否可以使悬停发生在图标上时，
浏览 32提问于2020-08-27得票数 0
回答已采纳
1回答
我在css hover、chrome和safari上遇到了这个奇怪的问题(在opera和firefox上它运行得很好)。
您可以在此处找到problem 的演示
在chrome中，当鼠标悬停在html area标签上时，不知何故会错过继续悬停在常规div上的内容，因此不会应用悬停的css规则。
你有什么想法或解决方案吗？
Thx
浏览 2提问于2010-08-30得票数 1
回答已采纳
当我将鼠标悬停在列表元素上时，转换会正确发生，但是当我将鼠标悬停在带有链接的列表元素上时，文本将不会转换，直到我特别将鼠标悬停在文本本身上。
下面是这个问题的GIF (很抱歉没有光标--“Home”是列表中的一个链接，“example1”只是一个列表)：
我突然意识到，我在这里可能有点含糊。 -负责该导航栏的CSS位于/*下拉*/框中。
如果你检查元素，网页上的所有源代码都是完整的。(我试着把它放在这里，但是code标签不起作用。)
浏览 2提问于2013-03-29得票数 1
我有如下所示的标记：
<dl class="synthModels">
<a href="#" class="soundTest">
<dt><span>Bass Drum</span></dt>
<dd>Bass drum description.</dd>
</a>
<a href="#" class="soundTest">
浏览 3提问于2013-06-12得票数 2
1回答
单击链接时禁用默认锚点跳转
、、、、
我搜索了几个小时，终于找到了一个轻量级的jQuery代码，它可以让我对一个锚链接进行动画点击，但当我点击一个链接时，它会向下动画，然后在没有动画的情况下跳到100px的顶部，因为哈希是在动画之后给url的，当你点击它时，它会导致默认的锚链接行为。
我有一个代码样本给你，我有一个小评论来修复，或者我想这将是一个修复……
// Scroll.js (https://css-tricks.com/snippets/jquery/smooth-
scrolling/#comment-1635851)
/*
* Scroll.js:
* 1. added -100 after the .to
浏览 22提问于2018-08-27得票数 0
2回答
我正在尝试使用一个:not() CSS选择器，并且我尝试了多种组合，但是没有什么效果。
我的代码在这里：
我希望当我在#steps中的href上盘旋时，它不会突出显示包含<li>的其余部分。
我还希望，当我在<li>上悬停在#steps上时，它会将悬停颜色更改应用于所有东西，包括锚点标签。
因此，当在.wa a上空盘旋时，它应该强调这一点。
当悬停在<li>上时，它应该只改变所有东西的颜色，包括锚点到rgb(66, 81, 95)。
我的CSS：
.wa a{
color: rgb(68, 118, 67);
}
.steps {
width:400px
浏览 1提问于2015-01-25得票数 1
回答已采纳
我的html文件包含如下内容
<a href="foo.html">
<img width="64" src="foo.svg" alt="foo"/>
</a>
我的css文件有
body
{
background: #FFF;
}
a:hover
{
background: #ABB;
}
img
{
background: #FFF;
}
这对文本超链接很有效。将鼠标悬停在文本超链接上时，背景颜色从FFF变为ABB。
但在本例中，img也是一个超链接，因为它是s
浏览 0提问于2011-12-10得票数 1
回答已采纳
3回答
你好，这是一个特殊的问题，我不知道jQuery是否可以帮助我，或者在这种情况下CSS是否足够。
我有一个从一个页面转到另一个页面的链接，指向一个链接锚：
<a title="Creazione Siti E-Commerce" href="http://mysite.com/it/servizi/#ecommerce">
转到页面/it/servizi/中的锚点链接
这里一切都很好。
我想要实现的是：
新页面将使用jQuery滚动动画滚动到锚点。因此，我应该能够告诉jQuery代码，当它在URL中找到像这样的锚点时，它将为滚动提供动画效果。
第二点是
浏览 0提问于2011-11-11得票数 1
2回答
我的问题是，当我将鼠标悬停在div上时，它没有将链接的颜色更改为我想要的颜色。它只会保持默认的黑色。
如何才能使它在我将鼠标悬停在缩略图容器div上时，改变链接的颜色？
<div class="thumbnail-container">
<a href="">Text Here</a>
</div>
CSS：
a {
color: #000000;
text-decoration: none;
}
a:hover,
a:focus {
color: #005580;
text-decora
浏览 2提问于2013-05-11得票数 2
回答已采纳
我有一个菜单列表如下：
<div id="menubar">
<ul class="menulist">
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li&g
浏览 5提问于2012-03-07得票数 3
回答已采纳
如果你或者我已经编码了一个HTML元素..。
<a id='hydrogen' href='#'>H</a>
...and一些:hover CSS..。
#hydrogen:hover {
background:red;
}
...and现在我们想在悬停的时候放一个花哨的光标。有两种选择：
适用于无国籍要素：
#hydrogen {
cursor:pointer;
}
或者，应用于:悬停状态。
#hydrogen:hover {
color:red;
cursor:pointer;
}
我的问题是:有什么理由可以解释为
浏览 1提问于2011-03-18得票数 9
回答已采纳
1回答
我正在尝试让我的导航更容易访问，也就是说，它应该与tab键一起工作。我们的想法是，内部div的所有内容在页面加载时都是隐藏的，在悬停或聚焦于任何Test锚点时，应该会出现相应的div。
我可以让悬停在没有jquery的情况下工作，也就是只用CSS。但是，我不能对focus做同样的事情。
所以我决定写一点jquery，但我已经完全理解了。任何帮助都将不胜感激。
<div class="nav">
<ul>
<li>
<span><a href="">Test
浏览 1提问于2012-02-22得票数 1
所以。我有个东西。如果我悬停它，我想切换一个动画或只是一个css变化的div下面。
，我只想使用HTML &CSS，，没有Javascript之类的。
您可以在“代码”部分找到结构。
(谢谢你的帮助:)
<body>
<div>
<a ← THIS IS THE OVER OBJECT>
<div ← THIS IS THE DIV I WANNA ANIMATE>
stuff
</div>
</div>
</body>
浏览 2提问于2020-01-14得票数 0
1回答
我和IE有个奇怪的问题。基本上，我想要创建一个链接，该链接悬停在框中的所有内容上，而不实际使用该链接包装内容。在除IE之外的所有浏览器中，这种技术似乎都能工作。当我在IE中徘徊时，当我悬停在文本上时，它会给我带来问题。它会失去悬停，并且只有当鼠标处于未填充文本的区域时才会产生悬停效果。在我的站点中，我的框中也有一个图像，但为了简单起见，我从我的示例中删除了它。这在IE10中也会发生，所以这不是一个单独的浏览器问题。
在我的示例中，您会注意到，如果将鼠标从侧面引入到h3文本或p标记文本中，它不会将链接悬停，但如果鼠标移动到空白区域，则在文本上方将保持悬停。
<div class=&#
浏览 2提问于2012-12-11得票数 0
1回答
HTML5颜色输入不打开
、、、
我正在开发一个web应用程序，它涉及到使用画布作为人与人之间共享的白板。我在菜单上有一个HTML5颜色输入，当它悬停在白板上时会变得可见，这样用户就可以更改绘图工具的颜色。
我的问题是，在测试期间，颜色选择器不会打开大部分时间。我打开了两个选项卡，两个选项卡都有要测试的白板实例。颜色选择器将只在我打开的页面的第一个实例上打开。
在第二个页面上，当我单击颜色选择器时，它拒绝打开。它显示按钮上的单击动画，但浏览器的颜色选择器对话框没有打开。另外，如果我刷新页面的第一个实例，颜色选择器也会停止在那里工作。唯一能让它再次工作的方法是完全关闭两个选项卡并重新打开一个选项卡。
我已经尝试并证实这在Chro
浏览 0提问于2020-11-02得票数 1
回答已采纳
1回答
我有一个有两列的下拉菜单，我希望块内的链接在悬停时改变颜色，但当我添加样式时，只有顶级ul元素起作用，整个块都是活动的。我已经关注这个东西太久了，不知道我需要在哪里添加li的a:hover。
你知道我需要把它放在哪里，这样主链接就不会有悬停效果，而下拉列表就会有悬停效果吗？
浏览 2提问于2012-09-13得票数 0
5回答
我写了一个超文本标记语言页面，它主要是在iPad上浏览的。基本上，它是一个常见问题列表，每个问题都有悬停效果。要在ipad上启动悬停效果，我必须放一个这样的虚拟链接。
<a href="#">The question?</a>
这是一个对每个浏览器都适用的问题:当列表太长以至于你不得不向下滚动时，当你点击页面底部的链接时，它会跳回到顶部，同时启动悬停效果。我做了一个演示用的小提琴：
当向下滚动并单击最后一个链接时，页面将跳转到顶部。
问:在使用伪链接时，如何防止页面跳转到顶部？
浏览 0提问于2012-01-26得票数 4
回答已采纳
我在一个Wordpress网站上工作，没有完全遵循给我的html和css。
我有一条规则:当菜单项悬停时，将行项的背景变为橙色，嵌套的锚文本为白色：
.dropdown > ul li:hover, .dropdown ul li.current_page_item {
background-color: rgba(255,165,0,0.4);
然后：
.dropdown ul li a, .dropdown ul a { // because there are nested drop down menus
display: block;}
第一条规则有效，第二条规则无效。使用检查元
浏览 0提问于2014-08-23得票数 0
回答已采纳
1回答
找遍了所有地方，尝试了几种技术，但还没有找到可行的答案。
目标:当鼠标悬停在导航项目上时，显示一个“pin”背景图像。问题:当引脚延伸超过a:hover标签时，它的一部分会消失，因为背景图像比项目高
当前css如下所示。所有父元素都设置为overflow: visible
.menu-primary a {
display: block;
padding: 6px 0 6px 0;
text-align: center;
width: 184px;
height: auto;
margin: 0 5px 0 5px;
position: relati
浏览 0提问于2014-02-05得票数 0
1回答
这是小提琴：
这是一个使用jquery的下拉菜单。现在，如果你点击小提琴，你就会看到问题。
当你点击一个菜单项说“加拿大”时，菜单会很好地打开并显示动画，但是菜单项的背景会被剪裁在顶部和底部。我不知道这是怎么回事。我怀疑某个地方有CSS错误，但我花了几个小时寻找，所以我在这里另外，我似乎不知道如何将文本装饰更改为“无”，并更改菜单项的悬停、活动、链接和访问颜色。
div.container {
background:#292B29;
padding-top:0px;
margin-top: 0px;
padding-bottom:0px;
paddin
浏览 4提问于2014-02-15得票数 0
回答已采纳
1回答
我对html和css还不熟悉，所以请容忍我。我觉得这是很简单的东西，我错过了，但我出不去什么。
例如，我有一个这样的导航栏：
<nav id="navbar">
<a class="nav" href="#home">Home</a> |
<a class="nav" href="#link1">Link 1</a> |
</nav>
使用css：
#navbar {
font-fam
浏览 4提问于2015-10-14得票数 4
回答已采纳
1回答
UIView button的宽度为44，它应设置为扩展到90的动画。目前，当动画开始时，它会将视图重新对齐到宽度为44的中心，然后将左右两侧都扩展到90。
self.button.widthConstraint?.isActive = false
self.button.width(90)
UIView.animate(
withDuration: animationDuration,
animations: {
self.layoutIfNeeded()
}
)
如何仅从右侧对扩展进行动画处理？我想让左边固定，而右边增加它的x位置。
浏览 8提问于2020-02-21得票数 1
每当你在侧边栏的列表项上悬停时，我想在列表项中放置一个3d曲线外观。
我该如何使用css来做到这一点呢？
编辑：：
我在一个小吧台里有一份清单。
当我将鼠标悬停在链接上时，我希望它看起来就像是写在圆柱体的曲面上
浏览 1提问于2009-11-12得票数 0
回答已采纳
2回答
我正在创造一个效果，我悬停在图像和不透明度消失，以揭示潜在的链接到网页的其他部分。
下面是jQuery脚本：
$(document).ready(function(){
$("#columnRight,#columnRight2,#columnRight3,#columnRight4").hover(function() {
$(this).stop().animate({opacity: "0.2"}, 'slow');
},
function() {
$(this).stop().animate({
浏览 2提问于2012-08-24得票数 0
回答已采纳
1回答
我有个大问题。在顶部，我有一个按钮，如果你悬停在上面，你会得到弹出。现在，您单击输入并获得建议。
当您在IE9中的一个建议下悬停时，弹出器就失去了焦点/悬停，我必须再次在按钮上悬停以获得弹出。
有什么解决办法吗？
<div class="has-layer">
<a href="">Fachpartner-Portal</a>
<div class="popover"></div>
</div>
.has-layer .popover {
display: no
浏览 2提问于2013-09-18得票数 0
我对我的主导航中的一个列表项使用图标字体。
我将这个图标放入它自己的类中，并给它一个字体大小，以便它与导航的其余部分相匹配。我还必须为图标字体指定一个特定的行高，这样它才能对齐。
现在的问题是，当我将鼠标悬停在图标上时(我使用的是背景色)，当你悬停在图标上时，下面会有一个可见的间隙。如果我不使用背景色，这不是问题，但我真的想保留它。
为了说明我的意思，你可以在这里看到图像...
有什么想法可以纠正这个问题，这样当你悬停的时候，下面就不会有缝隙了？
我已经在这里上传了HTML和CSS。
浏览 0提问于2012-10-13得票数 1
回答已采纳
我正在尝试实现世界上最简单的下拉列表与CSS，并想用jQuery动画它一点。但是jQuery中的“悬停”功能会使下拉列表在离开触发器元素(ul#menu li a)后立即消失，因此您无法从下拉列表中选择任何内容。
您可以在此处查看代码和相关问题：
我尝试了所有的方法，在网上到处搜索，结果发现许多其他人也遇到了这个问题，但没有一个解决方案对我有效，我正在寻找最简单、最清晰的代码。
谢谢。
浏览 1提问于2012-03-22得票数 4
我做了一个嵌套菜单滑下来，但问题是，如果你不断地悬停在li上，让嵌套的ul滑下来，当你悬停时，它会继续做动画，就像你快速地悬停和关闭时它没有完成一样多次。我想让它不会注册动画，直到它完成所有的上升和下降，以防止动画时，你不是悬停。
这是我的Javascript：
function mainmenu() {
$(" ul ul ").css({
display: "none"
});
$(" ul li").hover(function () {
$(this).find('ul:f
浏览 2提问于2013-01-24得票数 0
刚刚在上看到这个CSS的动画，并且想要重新创建动画，当你在中间卡上悬停时，它就开始了。
通常，站点提供一个CSS样式表，但在这个示例中我找不到任何CSS样式表。
悬停动画部分只是一个动画，首先翻译y轴，然后改变透视图。
我的问题是，我真的不知道这个动画的未悬停部分是如何工作的，因为首先卡片必须保持悬停动画的结束状态，然后它首先在y轴上转换，然后放大，所以它不是悬停的反向动画。
它尝试了用from和to实现关键帧的方法。这种方法可以在悬停状态下启动静止动画，但是它只能处理单个动画，而不能处理连续动画。此外，通过使用from和to，在动画结束之前，当您解除悬停时，动画就会跳转。
，这是我到目前为止
浏览 0提问于2021-02-18得票数 3
回答已采纳
要求：
示例链接：
在这个页面上，当我们悬停在主导航上时，它们下面的黄线就会随着你的鼠标动画或移动，这是可以的。
但是我们能不能让它移动，只有当你在主要导航上空盘旋时？如果说我徘徊在Investments的上空，然后转到Advisors诉Brokers的子导航，那么黄色的栏应该保持在Investments的下方--它不会与子导航一起移动。
下面是JS代码：
// DOM Ready
$(function () {
var $el, leftPos, newWidth;
/* Add Magic Line markup via JavaScript, because it
浏览 5提问于2012-12-06得票数 1
回答已采纳
在使用图像作为链接时遇到问题。问题是，当鼠标悬停在图像上时，边框会根据需要高亮显示，但在图像底部还有一个额外的突出显示框，我认为这就是锚点，firefox元素检查器会将图像宽度和线条高度显示为锚点。我如何摆脱这个多余的盒子，或者它是什么？
谢谢
html是
<div class="linkbox">
<a href="gardenbirds.html"
<img src="pics-links/dnc23011.jpg"title="Garden birds"
alt="Garden birds&#
浏览 0提问于2015-04-28得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
