如何关闭动画时，第一次悬停与这个“滑动动画的菜单悬停与jQuery”提琴？
关闭动画时，第一次悬停与"滑动动画的菜单悬停与jQuery"的关联可以通过以下步骤实现：
- 首先，确保已经在HTML页面中引入了jQuery库，并将其正确加载。
<script src="https://cdn.jsdelivr.net/jquery/3.5.1/jquery.min.js"></script>- 使用jQuery选择器选择要操作的菜单元素，并添加相应的事件处理程序。
$(document).ready(function() {
// 选择要操作的菜单元素
var menu = $('.menu');
// 关闭动画的方法
function closeAnimation() {
// 执行关闭动画的逻辑，例如隐藏菜单
menu.hide();
}
// 第一次悬停时触发的方法
function firstHover() {
// 执行第一次悬停时的逻辑，例如显示菜单
menu.show();
}
// 绑定鼠标离开事件，触发关闭动画
menu.on('mouseleave', closeAnimation);
// 绑定第一次悬停事件，触发第一次悬停的逻辑
menu.one('mouseenter', firstHover);
});在上述代码中，通过选择器选择到菜单元素（假设使用class="menu"标识），然后定义了两个函数closeAnimation()和firstHover()分别用于关闭动画和第一次悬停时的逻辑。通过使用menu.on('mouseleave', closeAnimation)将鼠标离开事件与关闭动画绑定，当鼠标离开菜单时，会触发closeAnimation()函数执行关闭动画的逻辑。同时，使用menu.one('mouseenter', firstHover)将第一次悬停事件与第一次悬停的逻辑绑定，确保只有在第一次悬停时触发firstHover()函数执行第一次悬停的逻辑。
这样，当用户第一次悬停在菜单上时，菜单会显示出来，当鼠标离开菜单时，菜单会关闭。
相关·内容
对不起，如果这听起来像是一个基本的或愚蠢的问题，但我在PHP和Mysql编程方面比css和jquery动画强(还没有)。我正在为一个应用程序构建一个主要基于css3的菜单。菜单位于屏幕的左侧，宽度较小(31 in；)，仅显示图像(不包括在小提琴中)。当您将其中一个元素悬停在列表中时，css3动画将使该元素更大，显示一些文本。此列表中的某些元素包含二级菜单。我现在看到的第四个元素，名为"Incassi & Spese“。我想要达到的是在第二项"Dati di基地“。子级别菜单位于wrapper_inside div上，该div位于相关菜单项下，在悬停相关文本(本例中为“d
浏览 1提问于2015-08-13得票数 0
回答已采纳
我在使用jQuery的菜单悬停上发现了这个很棒的滑动动画，但我想知道如何才能让它在第一次悬停时不会动画显示left和width属性，而是立即跳到悬停的项目。在此之后，它确实会动画背景的位置。只有当再次进入它时，它才会在第一次停止动画。 // insert slider
$('ul').append('<div id="slider"></div>');
// initially reset
var left = $('ul li:first-child a').parent().position().l
浏览 24提问于2019-06-18得票数 0
回答已采纳
2回答
这份菜单给我带来了很多麻烦。我有它的工作，但我使用的方法是错误和低效的。看一下jsfiddle，第一次悬停时弹出菜单没有任何动画。但是，在第二次悬停和之后的每一次悬停时，所需的动画都会生效。即使我让它在第一次悬停时工作，它仍然不会很好地工作，因为当用户试图访问下拉菜单上的任何项目时，鼠标弹出事件被触发，菜单开始向上滑动。下面是我使用的Jquery：
$(function(){
$('.dropdown').hover(function(){
$('.dropdown-menu').stop().slideDown(250);
});
$('.dr
浏览 1提问于2017-03-29得票数 0
我有一个与JQuery切换动画的问题。我有一个菜单，里面有子项，当鼠标悬停在主项上时，子项就会打开。我可以很好地实现这一点，但是，对于一个很长的项目列表，我更希望能够停止打开，并滑动关闭菜单，而不必等待slideDown()动画完成。
$('.menubar-topitem').on('mouseenter',function(){
$(this).children('.menubar-inner').stop(true).slideDown();
}).on('mouseleave',function(){
$
浏览 1提问于2011-12-31得票数 1
回答已采纳
我尽量不在StackExchange上发布很多问题，除非我似乎找不到解决方案。我还在学习jQuery，在制作左侧菜单滑动面板的动画时遇到了问题。
滑动面板的目的是为用户提供从数据库中提取的信息和链接。我正在试图弄清楚如何动画一个面板在和动画(如果已经有一个当前打开)动画出。因此，一次只能打开一个面板。
到目前为止，我的代码如下：
$(".editor_content").hide();
//Panel 1
$('#tab_editor').toggle(function(){
$('#panel_editor').animate({wi
浏览 1提问于2012-08-22得票数 0
2回答
我在很多网站上都看到过这一点，但我不确定我是否能够解释它。
有时导航中会有滑动元素，就像菜单项下的箭头一样，当用户将鼠标悬停在不同的菜单链接上时会滑动。
这是一个简单的菜单：
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link number 2</a></li>
<li><a href="#">Link 3</a>&l
浏览 6提问于2012-06-17得票数 8
回答已采纳
1回答
我正在寻找我的问题的解决方案。我想在悬停时制作一个动画(向上滑动，向下滑动)，但我无法解决它。如果你在页面上看一下，它是一个镜像路由器。这是清晰的CSS解决方案，没有JS的工作，但我想添加滑动动画…如果图像子菜单上的鼠标输入应该从底部向上滑动，当鼠标悬停在子菜单上时，子菜单应该向下滑动。非常感谢您的提示如何解决它
浏览 1提问于2012-01-07得票数 1
回答已采纳
1回答
我有一个带有jQuery动画的菜单栏。它有一个滑动的图像效果。当您将鼠标悬停在每个项目上时，图像会发生变化，当您将鼠标悬停在整个菜单栏之外时，图像将变为默认菜单栏。
问题:然而，如果你在当前活动的动画完成之前悬停在整个菜单栏之外，它不会改变上面提到的默认图像，并且你会被卡在另一个图像上，直到你再次缓慢地鼠标移出。这种情况经常发生，并导致动画的方向变得混乱。
当我将鼠标移出整个菜单时，我需要一种方法来使用jQuery在中间停止所有其他动画。因此，当鼠标离开整个区域时，请取消所有动画，只需将动画恢复为默认设置。
我的JS文件是缩小的，但您可以在这里查看：
美化JS：
浏览 1提问于2011-07-16得票数 0
回答已采纳
2回答
CSS如何添加滑动过渡
、、、
我有一个滑动子菜单内容的sidenav菜单工作的以下小提琴演示。我在没有使用Jquery的情况下遵循了相同的演示(实际上首先使用普通的JS，然后通过CSS悬停选择器而不是单击)，并且在我的例子中，子菜单不会以相同的方式进行幻灯片/动画。
.submenu {
display: none;
}
.parent:hover .submenu,.submeun:hover {
display: block;
}
动画是由Jquery切换方法引起的吗？
$(document).ready(function() {
$('.parent').click(function
浏览 19提问于2017-06-23得票数 1
回答已采纳
5回答
在鼠标移动时保持滑动菜单打开
、、、、
我正在尝试将一个包含内联Javascript的现有菜单系统转换为只使用jQuery的新的、更高效的代码。
我有一个横条，上面有翻滚图像。页面中有一个包含整数值的隐藏字段。当一个页面被加载时，相应的菜单会被加载一个“粘性”版本的图像和所有其他菜单项交换图像在鼠标进入和离开。它装载了大量的内联Javascript和一个巨大的Javascript文件，每当我创建一个新站点时，这个文件都很乏味地进行转换。
我成功地将所有这些转换为jQuery，在这里，我还能够禁用对粘性菜单项的单击。现在，我可以简单地设置一些变量，并根据每个站点的设计轻松地自定义它。
工作很棒..。
现在出现了一个新的问题。一个设计包
浏览 8提问于2011-02-06得票数 0
回答已采纳
1回答
所以，是的，就像标题说的-有办法改变背景颜色(在悬停)的导航菜单项使用滑动动画？而不使用图像？
使用jQuery或CSS3制作淡出的动画很容易，但是有什么方法可以让悬停颜色从向左滑到右呢？
我知道这上面有很多线程，但它们都包括使用图像。
浏览 1提问于2013-04-23得票数 2
回答已采纳
我想创建一个非常像这个网站的<div>动画：。当你将鼠标悬停在深灰色的方框和屏幕底部的图像上时，它们似乎会上下滑动，这取决于你是否在悬停它们。我似乎在源代码中找不到它的jQuery。有没有人能告诉我怎么做？
浏览 3提问于2012-02-13得票数 3
回答已采纳
2回答
我有一个类似Gmail的登录机制，当你在用户名(右上)上悬停时，它会滑下一个菜单，其中包含一个“注销”链接。用户名在浮动列表上，而滑出的菜单位于内部列表(不是浮动)上。滑动/输入是使用jQuery执行的。
这就是它应该做的：
当用户名悬停时，内部菜单滑落(变得可见)；如果鼠标转到内部菜单，则内部菜单应保持可见；如果鼠标悬停在其他地方，则内部菜单应保持可见；如果鼠标悬停在其他地方，则内部菜单应向上滑动(变得不可见)。
这就是它目前的工作：
当用户名悬停时，内部菜单向下滑动；当光标离开用户名时，向上滑动--不管光标在哪里。
可感知的解决方案:我认为应该有一个if子句来检查光标是否在内部列表中，并保
浏览 2提问于2011-12-28得票数 0
回答已采纳
所以我有一些向下滑动菜单的jQuery，当我将鼠标悬停在向下滑动的DIV上时，我必须为悬停添加类，我需要悬停效果来保持菜单项的活动。
问题是，它只是停留在那里，即使当DIV消失了-我曾尝试使用removeClass，但当我滚动到菜单选项DIV时，它立即将其删除。
我在上有JsFiddle
jQuery在下面
$(document).ready(function() {
$(".menu_item, .menu_options").hover(function() {
$(this).addClass('hover');
$(
浏览 3提问于2013-04-23得票数 3
回答已采纳
1回答
有没有办法避免jQuery的slideToggle()出现问题？
我有一个水平滑动的菜单，当有人悬停一个链接时，下面有slideToggling列表。
关键是当我在jQuery加载之前将鼠标悬停在链接上时-所有的事情都是相反的。当我悬停鼠标时，菜单消失了，当指针在其他地方时，菜单会显示出来。所以菜单是没用的。
下面是jQuery代码：
$('#nav li').hover(function(){
$(this).children('ul').slideToggle();
})
也许是一些条件句，比如“如果nav li悬停，而ul是看不见的，那么再一次滑动切换”？
浏览 2提问于2010-11-18得票数 1
回答已采纳
2回答
我在使用jquery slideDown和slideUp函数的下拉菜单上遇到了问题。
如果你将鼠标放在dropdown UL上，当它还在往上滑的时候，如果你把它移出并移回里面，它就会开始闪烁/闪烁，就像它在快速快速地触发mouseenter和mouseleave事件一样。
我设置了一个小提琴来说明这个问题：
在Chrome中，它只会闪烁一秒钟，然后就会自我修复，而在Firefox中，它会持续闪烁不确定的时间。
我知道这里有许多关于闪烁jQuery的问题，但我找不到任何可以帮助我的答案。
我确实尝试用一个简单的悬停函数替换了整个.each循环，但之后我的向上和向下滑动动画都不起作用了。
浏览 2提问于2012-10-05得票数 2
回答已采纳
3回答
所以我正在为某个人制作一个网站，而且我对jQuery非常陌生(这可能没有帮助)。该网站需要一个下拉菜单来在列表中显示指向图库的链接，而不是将它们全部放在导航栏中。问题是，每当我悬停在li元素上时，下拉列表就会向下滑动，但是当我悬停在这个下拉元素上时，它就会向上滑动。
$(document).ready(function () {
$("li#navi-dropdown").hover(
function () {
$('ul.nav-dropdown').slideDown('medium');
},
f
浏览 5提问于2015-12-14得票数 8
回答已采纳
我是jQuery的新手，如果我的问题有一个明显的答案，我很抱歉。我研究过解决这种情况的不同方法，但最后都是同一个问题。
我有几个网页是链接在一起，并使用jQuery动画菜单栏上的每一页相同的方式。
页面加载的菜单栏完全可见，然后向下滚动，因此只有一部分是可见的(我使用jQuery css底部值动画实现了这一点)。当用户悬停在条形图上时，它会移动到原来的(onload)位置，这样内容就会再次可见。
问题是，我在document.ready上有jQuery代码，使其连续向下移动，然后在悬停时将内容向上移动--因此，当单击链接并加载新页面时，菜单栏会向上移动一点(因为新页面上的条形图上也有鼠标)，而
浏览 2提问于2011-01-26得票数 0
1回答
我在这里用jquery和css代码制作了两个悬停效果：
jquery hover和css hover是有区别的。对于jquery悬停，如果您在框上移动鼠标很短的时间并快速离开框，它将运行鼠标进入和鼠标离开动画，并将完成它们，而鼠标在鼠标进入动画结束后没有在框上...
但对于css悬停，如果您悬停框，悬停效果将运行鼠标离开动画，如果您将鼠标停留在框上，直到鼠标悬停动画结束！
如何让jquery像css一样悬停?！我不想让整个动画完全运行，当我移动我的鼠标在方框上，只是为了混战一秒钟！
浏览 0提问于2012-08-31得票数 1
3回答
我试图创建一个粘性的css菜单，它变得半透明，让文本可以通过它看到。我添加了一个:hover {opacity:1;}，当用户悬停在菜单上时，它会变得不透明；然而，这是一个相当大的“过程”变化；当第一次变得透明时，然后回到不透明状态时，动画化这些转换将是很棒的。
我让它工作的方式是，当窗口位置超过标头div的高度时，使用jquery向body标记添加一个fixed类。您可以在行动中看到它。
我假设这个悬停过渡是一个css3动画，但到目前为止我还无法让它工作。添加类所导致的初始转换--我甚至不知道从哪里开始！
任何帮助都将不胜感激。
解决方案 CSS3解决方案从下面标记的答案中获取并修改。我将转
浏览 3提问于2013-04-23得票数 1
回答已采纳
4回答
我试图击败一个基本手风琴风格的菜单，以提交-使用jQuery。
这是菜单：
下面是一段代码片段，它为它提供了手风琴功能：
$('#access ul li').click(function(){
$('#access ul ul:visible').slideUp();
$(this).children('ul:hidden').slideDown();
});
问题:单击子菜单链接会使子菜单滑动(并关闭).
当单击子菜单链接时，我希望保持子菜单打开，只有单击顶级链接时才能滑动。
如何选择顶部ul与jQ
浏览 5提问于2011-07-09得票数 1
回答已采纳
我正在尝试在jQuery中设置一个非常基本的悬停动画。将鼠标悬停在div上，主要内容向下滑动，鼠标向上滑动，向上滑动。
<script type="text/javascript">
$(function () {
$('.listItem').hover(function () {
$(this).find('.errorData').slideToggle('slow');
});
});</script>
这段代码运行良好，但明显
浏览 0提问于2010-07-05得票数 2
回答已采纳
我想在鼠标悬停时滑下子菜单(并在鼠标架上滑动)。这段代码不起作用。当我说$(".content").slideDown时，两个子菜单都向下滑动，悬停在任何标题上。
JS:
$(document).Ready(function() {
$(".header").mouseover(function() {
$(this).find(".content").slideDown("slow");
});
});
HTML:
<nav>
<ul>
<li class="header&#
浏览 5提问于2014-03-11得票数 0
回答已采纳
1回答
我想要jquery选项卡，比如
它将使用幻灯片向上滑动jquery动画对每个问题进行动画化。
1)显示内容
2)然后通过显示红色悬停按钮来激活“问题1”选项卡，同时滑动显示其内容。
3)5秒后，通过显示蓝色悬停按钮激活“问题2”选项卡，同时滑动显示其内容。
4)5秒后，通过显示绿色悬停按钮激活“问题3”选项卡，同时滑动显示其内容。
有和它一样的插件吗？
预先感谢
W3father
浏览 3提问于2011-04-18得票数 0
2回答
鼠标的扩张和收缩？
、、、、
我正在制作一个具有jquery动画效果的下拉菜单，
var mexpand = false;
function toggleMenu() {
if (!mexpand) {
$('jQuery selector').css({ "background": "url('Images/bnbgmenu.jpg') repeat-x top left" });
$("#NavDiv").animate({ height: "200px" });
me
浏览 4提问于2014-10-02得票数 0
回答已采纳
我有一个img弹出(与css动画)，然后我动画的图像信息，以幻灯片/淡入时，我徘徊在图像。问题是，我不能悬停到图像信息(通常会有链接)，因为它一直在移动(滑动)，当我输入它。
这是小提琴：
jQuery：
$(document).ready(function () {
$(function ($) {
$('.imginfo').hide();
$('.img, .imginfo').hover((function () {
$(".imginfo").dequeue().fade
浏览 2提问于2014-03-02得票数 0
回答已采纳
3回答
在阅读描述之前，请先看一下我在JSfiddle中创建的下拉菜单
我有一个JQuery下拉菜单，我取自教程:)，它的工作很好，就像平滑地动画下拉功能一样。问题是当我将鼠标放在菜单右侧的向下箭头(现在是红色)上时的动画(下拉)，但这不是我正在寻找的，实际上我需要在我将鼠标放在菜单(我们的服务和位置)上时动画下拉。我在JQuery上做了一些小的更新，但那不起作用..我在Jquery中额外添加的内容是
将一个类(.drop)添加到具有下拉菜单的特定li，并按如下方式注释span函数
//$("ul.subnav").parent().append("<span>
浏览 1提问于2011-11-19得票数 0
回答已采纳
我试图创建一个水平菜单，一个在左边和一个右边，但是当我把菜单和右边的子菜单对齐时，会出现一些奇怪的抽搐效应，这是由“宽度”引起的，我认为它只发生在右边。有没有人知道如何在悬停水平子菜单上创建一个具有不透明度效果的平滑滑动。请帮帮忙！
$(function() {
$('.sub-menu').hide();
$('.link').hover(function() {
$('.sub-menu', this).stop().animate({
w
浏览 5提问于2012-12-23得票数 0
我在svg中有一个菜单图标，我想让图标的一部分在悬停时显示动画，而不是整个图标。如何在悬停图标时以关键帧动画为目标？
我有另一个菜单图标，我可以让整个图标处于悬停状态，但我在这里询问的那个图标只需要移动它的一部分就可以了。
浏览 1提问于2014-03-20得票数 1
2回答
我试图构建一个下拉菜单，首先下拉菜单向下滑动，然后一个接一个的菜单项目从底部出现。在悬停时，它看起来很好，但我不知道如何在悬停时平稳地播放它。我要做的是先隐藏第二个子菜单，然后是第一个子菜单，然后是下拉菜单。
我尝试的是添加隐藏动画关键帧在默认情况下延迟到下拉列表中，并在悬停时添加带有0延迟的显示动画。但正如你所看到的那样，它不能正常工作。(而且它也会在页面加载时动画化，这对我不好)
ul li ul {
-webkit-animation: hideDropdown 1s;
-webkit-animation-delay: 0.5s;
}
ul li:hover ul {
-w
浏览 5提问于2016-02-04得票数 3
回答已采纳
我正在使用jQuery滑动一个菜单打开和关闭时，一个链接被点击，这是很好的工作。但是，当菜单幻灯片打开之前单击链接时，我正在尝试添加一个类，然后在菜单滑回关闭后删除同一个类。
因此:单击> addClass >幻灯片菜单打开>再次单击>幻灯片菜单关闭> removeClass
$("#categoryNav").hide();
$('#showHideLink').click(function(){
$("#categoryNav").slideToggle(function() {
浏览 6提问于2012-05-03得票数 0
回答已采纳
可能重复：
我有一个按钮，应该有一个动画的背景元素。
箭头应在悬停时向下滑动，在悬停时滑动备份。这在Chrome上运行得很好。
这个动画在Chrome和IE8中运行正常。
IE9:在悬停时，背景只会翻转，没有滑动效果。但在悬停时，滑动动画作品。
FF:没什么。没有电影..。
有什么建议吗？
HTML
<div id="bienvenue">Bienvenue<span id="separator"> </span></div>
jQuery
<script type="t
浏览 0提问于2013-01-18得票数 1
1回答
我正在尝试为这个网站的用jQuery动画顶层菜单
我无法对产品和收藏品菜单图像进行动画悬停动画。我使用悬停图像作为背景，并使用Jquery更改它们的位置。以下是我的代码
$('.liproduct a').mouseover(function(){
$('.prodimg').stop().animate(
{backgroundPosition:"(50% 0px)"},
{duration:600})
})
.mouseout(function(){
浏览 2提问于2012-03-16得票数 0
1回答
我正在用jQuery写一个下拉菜单，我有一个问题。我的菜单由两部分span.menu_head (在菜单栏中)和一个ul.menu_body (包含下拉项)组成。我有以下jQuery代码：
$("span.menu_head").hover(function(){
$(this).next().slideDown('medium');
}, function(){
});
$("ul.menu_body").hover(function(){
}, function(){
$(this).slideUp('medium&
浏览 5提问于2011-02-05得票数 0
回答已采纳
求求你，我有这个代码：
$('#menu ul > li:not(#menu ul.first li, #menu ul.second li)').mouseenter(function() {
$(this).find('a').addClass('active');
$(this).stop(true).find('div.sub').slideDown(500);
}).mouseleave(function() {
$(this).find('a.active').removeClass
浏览 0提问于2010-10-20得票数 0
回答已采纳
对于我第一次真正进入jquery，我选择了一个doozie。我想要一个“拉下，弹跳导航和下拉搜索栏”。经过比我应该承认的更长时间的修补之后，我非常高兴地来到了这里：。
这完成了我想做的一切，就像我想要的一样，除了一个例外:搜索图标是队列活动/悬停，我不知道如何阻止它。我不清楚为什么“.stop(真，假)”。不像其他图标的动画那样工作。我以为这可能是排队的工作，但也帮不上忙。
任何帮助都非常感谢！快到了..。
我不确定这里的礼仪是否合适。我只想指出这只是部分解决。答案确实有效地阻止了排队，但新的悬停/移动迫使滑行重新开始(从休息的地方)，即使它还没有回到休息的地方。换句话说，滑动“重置”立即重
浏览 1提问于2011-08-27得票数 0
2回答
点击CSS动画
、、、、
我正在做一个网站，我有css动画下拉，但我希望他们显示在点击，而不是在子菜单上的悬停，似乎找不出它是这里的代码，我目前正在与抱歉，所有的PHP混合，我直接从源代码复制它。
$( "#horiz-menu ul li > ul" ).click(function()
我不太了解jQuery，但这是我目前所拥有的。
浏览 3提问于2015-04-09得票数 0
回答已采纳
3回答
我试图做一个相当简单的可折叠菜单转换。我的元素看起来如下：
<transition name="settings">
<div v-show="!settingsCollapsed">
</div>
</transition>
我的css看起来就像
.settings-enter {
max-height: 0px;
}
.settings-enter-active {
max-height: 200px;
transition: all 1s;
}
.settings-leave {
浏览 8提问于2016-12-16得票数 7
回答已采纳
需要在phonegap.jquery插件中实现ios风格的滑动删除动画，Javascript setInterval不能让我安全地切换/悬停phonegap.Any指针中不支持的删除按钮隐藏/显示动画(滑动删除)。
浏览 1提问于2013-10-16得票数 0
回答已采纳
1回答
所以对于常规的引导下拉菜单，我想定制它，使它有一个滑动动画和水平显示，两者同时。我为找到了一个解决方案
// Add slideDown animation to dropdown
$('.dropdown').on('show.bs.dropdown', function(e){
$(this).find('.dropdown-menu').first().stop(true, true).slideDown();
});
// Add slideUp animation to dropdown
$('.dropdown'
浏览 1提问于2016-04-22得票数 0
回答已采纳
当我在Chrome (Windows8)中“.tile”类的div上执行第一次悬停时，背景位置虽然被指定为只有负移，但却在相反的方向上后退。对于每个这样的div，在第一次悬停时都会重复这一行为；但是，它似乎不会在随后的悬停中重复，而是平滑地滑动，没有卡顿。
我试着按照一些较早的jQuery动画卡顿常见问题解答中的建议删除填充，但没有用(尽管我认为它们不再适用于jQ 1.3+?)。我是jQuery的新手，需要一点帮助，谢谢。:)
$(function() {
$('.tile').hover(function () {
console.log('i
浏览 0提问于2013-01-10得票数 1
回答已采纳
2回答
我的品牌名称是:代码
我的nav看起来像这样
电话号码家庭电话服务电话服务产品联络电话
当用户悬停在我的品牌上时，我想改变Code -> { Code }。
我想将{ }的样式设置为red颜色。
我希望{ }在不晚于2秒的时间内向右滑动。
有人能告诉我如何在CSS中做到这一点吗？
由于动画的参与，我需要JS吗？
Edit
动画方向
{<--代码-->}
浏览 1提问于2014-12-08得票数 0
回答已采纳
2回答
当前，下面的jQuery代码在其父菜单悬停时打开并关闭子菜单。但我唯一的问题是，当我在另一个顶级项目上鼠标移动时，打开的子菜单开始关闭，而我现在正在悬停的项目的子菜单开始向下滑动，所以有部分子菜单是打开的，根据鼠标所在的位置，它也会在其中闪烁。
如何才能使新的子菜单只在前一个子菜单关闭后才打开？我想要的效果最好是像那样
var sub_menu = $('.main-menu .sub-menu');//select all sub menus
$('.main-menu > ul > li').hover(function () {
su
浏览 5提问于2014-03-05得票数 0
回答已采纳
1回答
嗨，我的网站有一个在桌面上完美工作的主导航菜单。鼠标悬停将打开下拉菜单，父菜单项也是可点击的链接(而不是'#')。
问题出在移动和触摸设备上。由于这些设备没有‘悬停’，当我点击一个父类别时，我会被直接带到链接。如何才能在第一次单击时打开下拉列表，并使父菜单链接在第二次单击时仍然有效？
我是否应该将下拉菜单设置从“悬停时打开”切换为“单击”，然后使用css和jquery在非触摸设备(即桌面)上启用悬停？
我是一个完全的网页设计新手。我花了很多时间研究jquery和css代码，并尝试了关于这个问题的十几种不同的方法。似乎没有真正可靠的解决方案来解决这个问题，这导致了客户在移动平台上
浏览 0提问于2015-07-16得票数 0
我在一个框架中有一个下拉菜单。下拉菜单部分被简单地隐藏。悬停父图元时，可见性将设置为显示。
我可以很容易地添加一个fadeIn / fadeOut效果，因为下拉菜单的位置是在页面的可见部分，但只是隐藏。
我想要做的是悬停在父元素上，而不是仅仅显示它，我希望它向下滑动。
做到这一点的最佳方法是什么？将下拉菜单设置为0高度，然后将其高度设置为动画以产生滑动效果？有没有比js更好的css3动画呢？
我真的不能修改菜单的html或最初定位它的基本css，因为它相当复杂。但是想知道是否有可能做一些像我建议的事情？
浏览 0提问于2013-06-20得票数 1
回答已采纳
AIM
要创建一个选项卡式界面，动画化，当您单击另一个选项卡时，内容会逐渐消失，然后容器调整大小(通过向上或向下滑动)，然后新内容逐渐消失。
问题
我已经成功地制作了一个可以工作的选项卡式界面，但是我很难按我想要的方式来动画它。当你点击一个选项卡时，面板会向下滑动，你会瞥见逐渐消失的文本，但它又会再次向上滑动--我不知道为什么。
这是我第一次使用jquery，如果有人能快速查看并找出我做错了什么/如何修复它，我将非常感激。这是一个相当简单的项目，所以我怀疑这将是非常困难的人谁知道他们在做什么！
这是一个小摆设：
以下是javascript的样子：
$(document).ready(func
浏览 3提问于2013-04-15得票数 0
回答已采纳
1回答
我使用jQuery和suckfish插件创建菜单，但在显示子菜单时，我不想要任何动画。
我将速度设置为0，但在head菜单悬停和sub菜单之间仍然有一些毫秒。
如何才能完全禁用动画？
浏览 0提问于2011-06-15得票数 0
回答已采纳
我有几个DIVs，我正在对它们应用一些基本的jQuery动画，比如鼠标悬停时的动画和不透明度变化等(例如:当你滚动一个图像时，一个透明的.png滚动淡入以及一个从底部向上滑动的文本框，当鼠标移出时，两者都返回到前一个阶段)
现在我已经将overlay图像属性设置为通过jQuery隐藏，以防JavaScript被启用，这样它就不会干扰功能。
$('.nametag').css({
bottom: '-25px',
opacity: 0.7
});
但是，当您加载页面时，您会看到文本框(.nametag)出现，然后闪烁。
如何隐藏闪烁效果，在页面加载
浏览 1提问于2011-02-23得票数 0
6回答
因此，我有一个滑动门样式的动画，到现在为止，当鼠标悬停在盒子上时就会触发(我的示例如下所示)。而不是当鼠标悬停在div上时立即触发，我实际上希望只有当鼠标停在div上时才会发生悬停动画，就像在chrome web store中当您将鼠标停在一个应用程序容器()上时所做的那样。
我当前的示例
编辑:只是为了进一步澄清，这个页面上会出现多个单元格。
感谢您能提供的任何帮助！！
浏览 0提问于2012-07-24得票数 3
回答已采纳
我有一个div，当鼠标悬停在上面时，slideToggles一个<p>标签变得可见，然后我激活一个setInterval来动画可见的<p>标签，当用户不再悬停在div上时，<p>标签会像它应该的那样隐藏起来，但动画仍然继续运行。我已经尝试了所有我能想到的方法，当你的用户不再停留时，我会停止动画，但我是jQuery的新手，我一直没有成功。
这是小提琴让你看看我有什么，
我希望<p>标签在它不再悬停在上面时回到起点，当用户悬停在div上时动画再次开始。
谢谢你的帮助。
浏览 2提问于2012-11-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
