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

jquery - 使用 jQuery 实现真正流畅的动画效果

我在我的页面上设置了一些 jQuery,以便在用户单击链接时交换一些 DIV。DIV 中包含 Flash 对象、段落和图像,当我单击链接将其换出时,效果并不完全……平滑。

这是我的代码:

它有点卡在闪光灯物体上一会儿,然后完全消失。有谁知道在 jQuery 中制作非常流畅的动画效果的插件?我看了一下 jQuery UI,但对于我想要它的用途来说似乎有点矫枉过正。

干杯。:)

0 投票
4 回答
7290 浏览

jquery - 在 jQuery 中动画打开/关闭表格列

如何在 jQuery 中为表格列的打开/关闭设置动画?

我目前有这段代码:

我的 HTML 包含标准的 TABLE/TR/TH/TD 标签,其中 TH 和 TD 标签带有用于识别必须打开或关闭的类名。

问题似乎是在 jQuery 触摸表格后,受影响的单元格突然觉得需要堆叠在一起,而不是整齐地排成一排。

我认为这与 jQuery 只能为“块”元素设置动画有关,而不是“类似表格”的元素。那么我可以用块元素制作一个表格吗?还是有另一种方法可以为类似表格的元素设置动画?我找到了这个建议的解决方案,但是将所有表格元素封装到 DIV 中似乎很麻烦,只是为了动画......

0 投票
1 回答
370 浏览

javascript - 动画和数据的两个jquery问题

我正在制作照片库。我遇到的第一个问题是$.data. 当我通过插件设置图像时,我会这样做:

然后,当我想将图像设置为完整尺寸时,我会这样做:

现在这在 Internet Explorer 和 Firefox 中运行良好,但我刚刚在 safari 和 chrome 中进行了测试,值为零,但在 Firefox 中,即它具有正确的宽度和高度。关于为什么会发生这种情况的任何想法?

第二个问题是 Internet Explorer 中的滚动动画。基本上,我所拥有的只是一个带有溢出的包装器:隐藏和其中的一个容器,其中包含画廊行(其中包含大约 50 个图像)。现在我有 2 个按钮用于下一个和上一个。他们的代码基本上是这样的:

现在在 google chrome 和 safari 中,这个动画表现得很漂亮。在 Firefox 中它有点迟钝,但没有什么是我无法忍受的。然而,在 IE 中你甚至看不到动画。你真正能看到的只是几乎跳到动画的最后一个位置,然后稍微移动一点(到达终点)。关于可能导致这种情况的任何想法?

0 投票
2 回答
2928 浏览

jquery - 移动浮动 div 时为它们设置动画

我有两列,左边的一列是方形网格,浮动的,jQuery 可拖动元素。右边的列是一个 jQuery 放置目标。因此,当我在目标上放置一个 dropabble 时,它​​会附加到右侧列并隐藏在左侧,从而导致网格移动以填充该网格所在的空间。

有没有办法我可以使用 jQuery 而不是即时移动来制作动画?

好的,我添加了一些代码。我想说的是,如果你把绿色拖过去,左栏中后面的那些将移动以填充空白空间。我想知道他们自己做出的动作(离开后)是否可以动画化。抱歉,如果我感到困惑,不知道如何解释。

谢谢

如果有人有任何想法,最后一击。

0 投票
4 回答
1768 浏览

jquery - jquery backgroundPosition动画问题

我正在使用 Jquery 在用户按键时为对象设置动画。

Keyup 后对象停止移动,但我需要知道对象停止时的背景位置。使用 .stop(true);

在没有深入了解的情况下,我需要能够获得背景的位置。无论如何使用Javascript或jquery来获取这些数字?

0 投票
2 回答
681 浏览

jquery-ui - 将 JQuery 动画附加到方法/设置器而不是 CSS 属性?

从 JQuery 参考 @ http://api.jquery.com/animate/

似乎我们只能修改真正的 CSS 属性,但是我希望我也可以为 JQuery 对象属性设置动画。例如,我想为进度条的“值”属性设置动画:

http://jqueryui.com/demos/progressbar/#option-value

我找不到为进度条的“值”属性设置动画的方法,有什么办法吗?

感谢帮助..

0 投票
1 回答
420 浏览

jquery - Jquery Animate + Fade Effect bug

在发布之前我想告诉你“对不起我的英语”。我遇到了 JQuery 的问题。http://socialworld.den-style.net/如果您单击徽标下的“Nascondi”,您将看到#post 向右移动,然后“返回”到其旧位置。我该如何解决这个错误?非常感谢。

0 投票
1 回答
2539 浏览

jquery - jquery:向上改变元素的高度

我正在尝试制作“悬停”效果,它将改变li(列表)元素的高度但向上。使用 jquery,我设法改变了元素的高度,但向下。可以向上改变方向吗?

http://www.izrada-weba.com/vedranmarketic/

css 文件:

jquery 文件:

html:

提前致谢!伊莱

0 投票
3 回答
210 浏览

jquery - jQuery 的 .animate() 有问题

我正在使用 .animate() 在通过 .show("slow") 使它们可见后平滑地重新定位一些 div。由于 div 可能会或可能不会仍然在做动画,我还使用 .queue() 来确保在动画完成后进行移动。

问题: .animate() 不起作用。它到达正确的代码行,但不做任何事情,也不会产生任何错误。帮助?

Javascript:

CSS:(
我使用 show("slow") 使部分不显示:无)

0 投票
3 回答
5358 浏览

jquery - jQuery背景图像动画

如何在 jQuery 中的两个 PNG 图像之间制作动画?这可能吗?

当您在一种颜色到另一种颜色之间转换时,类似于 CSS 3 的转换,但我需要图像到图像的转换。