问题标签 [jquery-animate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
5281 浏览

javascript - 在jquery animate之后显示一个不可见的div

所以我试图弄清楚如何在 jquery 上显示动画后显示一个不可见的 div。这是显示 div 的代码:

也使 div 不可见的 css:

和点击动画:

如何在#menu_h动画完成后显示 box_green div?假设我也有一个隐藏的#box_yellowdiv,在再次淡出 box_green 之后(让它再次不可见),我怎样才能让它可见(与 box_green div 的效果相同)。我实际上有 5 个 div(box_green 和 box_yellow 是其中的 2 个)需要“关闭当前显示的 div 并显示 div clicked”事件。

0 投票
2 回答
575 浏览

jquery - 有滚动捕捉工作,只移动一个像素

我有一段代码可以通过animatejQuery 东西向上滚动页面,但是为了提高可用性,如果用户以任何方式干扰滚动动作(例如滚轮、抓住滚动条等),那么它将立即停止动作.

一周前我在这里问了一个问题,但在一些测试人员友好地试用了代码后,他们报告说它在基于 Gecko 的浏览器中不起作用。

这是我到目前为止的代码:

基本上点击#gototop它会开始动画滚动到顶部。如果滚动受到干扰,则滚动运动停止并且文本#gototop被重置。

这段代码有一些问题:有些部分效率低得离谱,并且在基于 Gecko 的浏览器中不起作用(一个大问题)。

我如何让它工作?关于如何提高效率的任何指示?

0 投票
4 回答
1774 浏览

jquery - jquery中的多个淡入淡出动画

我想淡出几个水平对齐的盒子,一个接一个。假设每个盒子都属于类fadeable并且有一个 id。另外,我想将盒子从外面淡入淡出。例如:

等等。使用 jQuery 解决这个问题的最佳方法是什么?

这是我现在(大致)所拥有的 - 给每个盒子 div 一个自动递增的元数据 idboxid并执行以下操作:

有没有更好/更顺畅的方法来做到这一点?(使用动画,还是通过排队?)另外,在 CSS 中排列元素的最佳方式是什么?

谢谢!

0 投票
1 回答
4866 浏览

jquery - jQuery动画完成

好的,所以我有一个可滚动的选项卡类,它工作正常,但现在我想隐藏控件,如果它们不能在他们试图去的方向滚动。所以我有这样的东西;

然后我想创建一个函数来确保它们都没有动画(因为如果它们在那里,位置将不正确)。然后它将修复图像以显示或不显示。我遇到的问题是检查它们中没有一个是动画的。任何帮助表示赞赏。

0 投票
1 回答
3508 浏览

jquery - jQuery平滑图像变化

我想知道如何使我的 jQuery 脚本中的图像更改更流畅。

我也有一个 animate() 链,是否可以将“src”更改附加到其中?可悲的是我不能使用图像作为 CSS 背景......

这是一个小样本...

0 投票
2 回答
2404 浏览

javascript - 为什么这个 jQuery .animate 调用这么慢?

大家好,我有一个非常简单的功能

动画本身,不透明度变化,非常快,但调用它时会有延迟。console.time() 报告的时间为 2540 毫秒或更大。我在想这可能是因为 div#module 正在与它的孩子一起被动画化?但这很有意义,因为我有另一个函数“disableModule”,它反向执行相同的操作并以合理的速度运行。

这是禁用模块功能,要进行的操作要多得多,但返回时间约为 242 毫秒

0 投票
1 回答
1844 浏览

jquery - 悬停/淡入淡出/动画图像的 JQuery 帮助

我想创建一个 javascript/jquery 以便当我将鼠标悬停在

  • item,2 或 3 个类被称为悬停图像,因为会有“左”、“中”和“右”图像。左右会固定宽度,但中间必须根据剩余宽度的大小增长。

    我尝试使用 lavalamp 效果,但是停止移动功能看起来很奇怪,但这就是我能想到/实现的全部。但是后来我遇到了另一个问题,我希望“悬停”图像淡入和淡出。

    你可以看看这个菜单,它是我迄今为止所取得的 - http://valkesh.000space.com

    基本上代码如下-

    如果有人能指导我至少用 2 或 3 张图像进行悬停,我将不胜感激

    谢谢

  • 0 投票
    2 回答
    1528 浏览

    jquery - 将 css 悬停转换为 jquery 悬停

    我正在建立一个带有悬停效果的网站。请参阅http://vitaminjdesign.com/index.html并查看右下角的服务部分。我正在使用 :hover 来更改背景颜色。我想使用 jquery 以优雅的淡入淡出实现相同的结果。这是我的html:

    (用不同的图像和文字重复 6 次)

    基本上,当 .iconrow 翻转时,我希望背景从无变为背景颜色:#cccccc; 当它滚下时,又回到无。

    0 投票
    3 回答
    30781 浏览

    jquery - jQuery前置+淡入

    我有这个代码:

    但是淡入不起作用...我希望将内容添加到前面并淡入...我将如何做到这一点?

    提前致谢!

    0 投票
    5 回答
    3038 浏览

    jquery - 在动画或 slideUp/slideDown 中使用 stop() 时的 jQuery 高度

    我有一个带有隐藏子菜单的菜单。

    当我将鼠标悬停在菜单项上时,我正在为子菜单设置动画,并在鼠标移出时关闭。

    当用户将鼠标悬停在很多菜单项上时,所有动画都会排队。

    为了解决排队问题,我在动画之前添加了一个 stop()。

    这导致了一个更严重的问题,子菜单的高度减小到我鼠标移出时的大小。