问题标签 [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 投票
3 回答
424 浏览

jquery - jQuery 抓取元素 PRE 的颜色:hover

我正在尝试创建一个通用的“颜色闪烁确认”功能,它将对象的背景闪烁为绿色,然后淡出为现有颜色。

所以我可能有两个元素,我在 click() 上调用它:

如果我单击第一个,它会从绿色变为红色。如果我单击第一个,它会从绿色变为黑色。

jQuery逻辑:

点击事件:

功能:

这很好用。问题:

如果我还给上面的 LI 一个 :hover state 背景颜色:

然后我所有的渐变都从绿色变为紫色。这是有道理的,因为在单击 LI 时,背景确实是紫色的。

有没有一种巧妙的方法来获取“非悬停”CSS 类的背景颜色?

改写它的一种方法是,我想获取分配给 LI 当前类的背景颜色,而不是伪类。

还是不是通过 CSS 实现悬停的解决方案,而是通过 jQuery 来实现?

0 投票
2 回答
1640 浏览

javascript - jQuery:动画难题

我有 jQuery 动画问题...

我有一个页脚,上面有一个隐藏的 div。当有人单击标题附近的按钮时,div 应该动画 UP。有点像向上滑动,就像你从抽屉里拉出一个马尼拉文件夹。(不是 div 底部向上滑动到顶部的正常向上滑动。)

我发现这段代码是我想要的,但是,它正在移动基线(页脚)。

将鼠标悬停在红色 div 框上时,您会看到它下方的 div 向下推。我怎样才能让它动画起来或长大?(嘿嘿。对不起。刚想到妈妈对我大喊大叫)。

0 投票
3 回答
112396 浏览

jquery - 你如何同时淡入和动画?

使用 jQuery 我正在创建一个基本的“工具提示”动画,以便工具提示将出现在一个小动画中,在该动画中它会淡入视图并垂直移动。

到目前为止,我有这个:

这样做或这样做:

动画将一次运行一个,首先淡入,然后是垂直动画。有没有办法让它同时做这两个?

0 投票
3 回答
5357 浏览

jquery - 仅在用户滚动时调用 Scroll,而不是在 animate()

我在页面上有几个链接,目的是“到达顶部”,通过使用漂亮的动画将页面滚动到顶部来完成。我注意到,有时当页面滚动时,用户会想要向下滚动,例如,但这是不可能的。屏幕只会断断续续,但会继续动画,直到到达顶部。

如果用户尝试滚动,我想停止动画,因此我编写了以下代码:

这段代码是有问题的,因为 animate() 算作滚动,因此它在停止之前只移动了一点点。

我也尝试过 key-down 作为一个选项,但鼠标滚动没有注册为一个键。

当用户滚动时,有什么方法可以调用我的滚动函数,而不是 animate()?

0 投票
2 回答
374 浏览

jquery - jQuery 选择器桑巴

这是我在stackoverflow上的第一篇文章,大家好!

我对 jQuery 动画的第一次尝试是在两个 div 中设置一组图像,上半部分和下半部分,并通过向下翻转的过渡使它们旋转,就像古老的带有向下翻转数字的闹钟一样。

我已经把动画弄下来了,但问题是页面上同时有不止一个动画。我的问题来自于不了解 jQuery 选择器的范围。

当它在我描述的一组图像上运行时,

它就像我期望的那样工作。但是,当我复制“flipper” div 时,动画首先在第一组上运行,然后在第二组上运行,依此类推。

我知道这与我选择每个图像进行动画处理的方式有关,但我真的不知道如何做我正在做的事情。

最终目标是能够将标有适当类的 div 和图像放在一起,并让每个集合动态 id 以运行动画 - 并且让它们都同时启动动画 - 即使它们有每个 div 的单独调用(这可能最终会发生,因此它们不会同时翻转)。

谢谢!

0 投票
1 回答
457 浏览

jquery - jQuery 动画不会在一个元素上运行

当我单击选择框中的选项时,我有以下 jQuery 代码运行:

此代码采用三个输入字段#name#account#kid禁用它们,更改背景颜色,然后将背景颜色淡化为白色。我正在使用允许我淡化颜色的 jQuery Color 插件。

问题是,当一个站点新加载时,我正在更改选择的选定选项,它会禁用所有三个字段,更改背景颜色,但第一个元素#name不会将背景颜色淡化为白色。只有以下两个。

但是,如果我再次尝试更改选择框选项,它每次都能完美运行!所以问题只在页面重新加载后第一次出现。以前有没有其他人有过同样的经历?

这是整个 jQuery:

#receiver作为选择框。

0 投票
9 回答
26705 浏览

javascript - JQuery背景颜色动画不起作用

我想将'exampleDiv'的背景颜色从原始的白色背景更改为当我调用下面的代码以立即将背景更改为黄色然后淡化回原始的白色背景时。

但是,此代码不起作用。

我只有 JQuery 核心和 JQuery UI 链接到我的网页。

为什么上面的代码不起作用?

0 投票
3 回答
14232 浏览

jquery - jQuery 最接近();

我正在尝试为列表项中部分隐藏(通过溢出:隐藏)的图像制作动画。我希望当用户将鼠标悬停在同一列表项内的 A 标记上时发生这种情况。

我有以下标记:

我的基本CSS:

我正在尝试使用 jQuery 进行以下操作来移动图像(无济于事):

任何人都知道为什么这不起作用!- 非常感谢任何帮助:-)

0 投票
2 回答
1556 浏览

jquery - Jquery问题:第一次点击后试图停止动画

Jquery newbie here =) 所以我有一个将菜单 div 向右滑动的代码,问题是我不希望菜单在第一次单击任何这些 div 后继续执行动画。我试过 return false 但没有帮助。这是代码:

0 投票
1 回答
641 浏览

jquery - Jquery动画订单问题

因此,我有一个徽标可以在鼠标悬停时更改其背景,我试图拥有 5 个不同的背景,每个背景都显示在鼠标悬停上,而不是随机的,并在第 5 次鼠标悬停完成时返回第一个背景。我怎样才能做到这一点?

这是jquery脚本

和CSS

编辑:

我遵循了 Scott M. 的建议并获得了以下代码:

它可能缺少一些东西......

但问题是我不知道如何使用它们各自的图像添加其他 div(logo1、logo2、logo3 和 logo4),然后在打开鼠标悬停之前保持不可见,最好的方法是什么?显示:没有?