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

jquery - 当元素移出其容器时,jQuery animate 进入元素下方

我有一个在容器内的元素,位置相对,当我将这个元素移出容器的一侧时,它消失了。但是我需要在它离开自己的容器后显示该元素。那么我怎样才能使该元素在它离开其容器的一侧后显示出来呢?

0 投票
2 回答
18131 浏览

jquery - 如何在 mousedown 事件上连续滚动 div?

我有两个 div 和两个按钮:

如何连续滚动“#items”直到用户释放按钮?我尝试使用 jquery mousedown 事件和动画功能,但无法使其工作。

上面的代码只移动了 div 一次。我想实现连续动画,直到按钮被释放。谢谢你的帮助!

0 投票
1 回答
415 浏览

jquery - 为什么不调用我传递给 jQuery 的 animate() 方法的回调?

动画结束后我无法调用回调。这是我的动画功能:

这里是这样称呼它:

不显示警报,为什么?

0 投票
3 回答
1607 浏览

jquery - 优化 jQuery 悬停代码以更好地执行(更流畅的动画)

最近我一直在阅读有关 jQuery 优化技巧的文章,这些技巧无疑有助于提高我的脚本的性能。

但是,我在我的网站上有这个精选新闻部分,鼠标悬停时可以将更多信息滑入适当的位置,并且该部分在除 Safari 之外的任何浏览器中都表现不佳(那么可能还有 Chrome。)

我相信这样做的原因是它在动画之前对每个 mouseover/mouseout 事件进行了相当多的 DOM 遍历和计算。

我的问题很简单:有没有办法优化下面的代码,让动画运行更流畅?

由于我正在开发的网站尚未发布,因此我上传了新闻部分的屏幕截图,让您了解它的外观。

谢谢!

0 投票
3 回答
6346 浏览

jquery - jQuery:在 IE 中动画不透明度

使用纯黑色的 div 淡出其下方的图像。在 Chrome 和 Firefox 中,这可以正常工作,但是,在 IE 中,它是倒退的。

这从 0% 的不透明度开始,并且应该随着时间的推移动画到 70%。然而,在 IE 中,它会从 0% 跃升至 100%,然后逐渐回落到 70%。

正在寻找解决此问题的方法。谢谢。

0 投票
1 回答
801 浏览

jquery - jQuery animate() 在 Firefox 中取消选择文本

这是代码:

如果我取消动画效果,则此焦点事件会选择文本(如我所愿)。使用动画效果,当动画在 Firefox 中完成时,文本会取消选择。这在 Safari 中运行良好。有什么方法可以确保动画在 FF 中结束时仍然选择文本?谢谢!

0 投票
2 回答
1761 浏览

javascript - jQuery插件,用于将颜色从一个类动画化到另一个类

有很多 jQuery 颜色插件。但是我找不到在 css 类声明之间进行动画处理的那个。

例如从.class1to做一个平滑的动画.class2

这可能吗?

0 投票
7 回答
31980 浏览

jquery - jQuery同步动画

在很多情况下,我希望动画能够同步执行。特别是当我希望制作一系列连续动画时。

有没有一种简单的方法可以使 jQueryanimate函数调用同步?

我想到的唯一方法是在动画完成时设置一个标志为真并等待这个标志。

0 投票
3 回答
2794 浏览

jquery - 带有 JQuery 的动画数字(半倒计时)?

我正在尝试使用 JQuery 将数值(例如 5000)快速更改为另一个值(例如 4000)。现在我可以很好地使用:

我知道这可能不是最好的方法,但我需要它做的是从当前值快速倒计时(或向上)数字到设定值。我使用这种方法的目的是使用 setInterval 或 setTimeout 进行延迟,但这会使整个脚本严重失败。

任何建议都值得赞赏,但是我不想为这个看似简单的任务使用大型插件。

0 投票
2 回答
1570 浏览

jquery - 链接必须等待动画的jquery事件的不那么冗长的方式?

链接在 jQuery 中很棒,但它链接每个事件的触发器,而不是等待前一个事件完成。这主要在制作动画时很明显。

因此,我看到的解决方法是使用回调函数。唯一的缺点是,如果您有 4 个想要连续制作动画的东西。

诚然,这可能是您不想经常做的事情,但是当您这样做时,标记似乎有点冗长。示例(伪代码):

在那种情况下,这是最好/最简洁的处理方式吗?