问题标签 [jquery-animate]

我正在制作一个五人制足球（室内足球）教练应用程序，它允许教练在屏幕上添加球员，设置他们的移动方向（通过使用 HTML5 画布绘制箭头），然后按“播放”以移动屏幕上的所有球员。播放器由带有播放器背景图像的 div 组成。

动画是通过使用jquery .animate()函数来完成的。

我所做的就是更改播放器div's left和topcss 位置属性。

我想做两件事，但不确定如何做到：

1. 我想创建一个 jQuery 滑块并随着动画的发生逐渐移动它。我猜我会通过在开始之前计算动画的总长度来做到这一点？

2. 我想来回移动上面的 jQuery 滑块 - 以反转动画并在需要时暂停它。考虑到我们正在为动画移动 div，而不是进行逐帧序列动画，这是否可能。

基本上，我希望能够将任何命令包装在 $.holdTillFinished() 方法中，该方法在指定的方法/jquery 动画执行完成之前不允许继续执行。

我怀疑这在javascript中可能很困难甚至不可能，但我希望有人会知道。

我不想听到我如何将回调传递给动画以使其在完成时运行，或者其他类似的东西。

我真的很想知道这样的事情是否可能以及如何去做。

如果有人知道一个很好的队列插件能够对用户定义的方法和动画进行排队，那么这不会发生，那也很酷。我真正想要的是一种延迟执行的方法。（同时仍然允许动画运行）

我正在尝试创建一个新闻列表摘要部分，<ul>并希望使整个<li>可点击。我想使用它在<li>URL 中找到的第一个链接，以便在未启用 JavaScript 时仍可访问...我的 HTML 是：-

所以基本上当用户将鼠标悬停在整个面板上时，整个面板都会发生翻转，<li>而不仅仅是<h4>标签……而是使用标签中包含的 URL<h4>作为链接……

我希望我能明智地解释一下……我想我在那里搞糊涂了：）

干杯

亚当

如果您将鼠标悬停在<img>“hiddenPanel”<div>上，就会出现。这在 FF 和其他浏览器中运行良好，但在 IE 中<div>出现在 'content' 后面<div>。我试过 z-indexing 无济于事。还有其他人有这个问题吗？

<div>（另外，出于布局原因，我不会在“内容”之后移动代码）

编辑：更多代码；jQuery / HTML / CSS ...

jQuery

html

CSS

我正在尝试使用 JQuery 淡化 span 标签的背景颜色，以强调何时发生更改。我在想代码在点击处理程序中会像下面这样，但我似乎无法让它工作。你能告诉我我哪里出错了吗？谢谢拉斯。

这样更好，但现在它会同时淡化 span 标签的背景颜色和 span 标签的文本值。我试图只是淡化背景颜色并让文本可见。可以这样做吗？

我在单击事件处理程序中有一些 JQuery 代码用于更新页面上跨度控件的值的复选框，然后将跨度标记的背景颜色设置为黄色，然后在大约一秒钟内淡化回白色以引起注意跨度值已更改的用户。问题在于，如果用户反复单击复选框，则动画会反复出现用户单击多少次。如果动画已经在进行中，任何人都知道如何防止出现 JQuery 动画。

再会 ：）

我在固定大小的 div 上同时使用 jQuery 的 animate() 不透明度和高度。
在 Firefox 中一切正常，但在 IE8 中（有和没有兼容模式，所以我假设它在 IE6 和 IE7 中会有相同的行为），动画确实显示，但是当 div 高度达到 0%， div 的高度调整为该 div 内文本的高度。
我立即做的第一件事是将溢出设置为隐藏，但它仍然给出相同的行为。

我正在使用以下功能来缓慢切换高度/不透明度：

我的“b1” div 的样式如下：

如果你想看一个活生生的例子，我在这里临时设置了一个页面：点击我！

非常感谢您对此事的任何帮助。

我有这个代码：

我试图让它切换，所以首先单击，将其弹出，然后再次单击，然后将其放回内部。我需要将变量设置为跟踪器吗？告诉它处于哪个阶段？

我喜欢使用 Jquery 及其伴侣 Jquery Ui，但无法找到在一定时间内（如 5 秒）为背景图像设置动画的方法。我不能这样做：

有任何想法吗？？

我如何使用 jquery 淡出 div