问题标签 [jquery-effects]

我正在使用 Addy Osmani 的这个惊人的Jquery 闪耀时间。它工作得很好，因为我所做的一切都被复制并粘贴了：D

但是我需要发光效果在图像加载后立即自动定期动画，而不必先悬停，我该如何实现呢？老实说，我对 jquery 和/或 javascript 的了解几乎为零

这是代码：

请帮助我，谢谢

问候

我们只有两个表单元素。他们是为了数字。如果数字匹配（使用 validate ），那么我想要一个滑动面板（ div ）打开。

没有锚按钮或链接。

我发现的问题是在第二场比赛成功后触发面板向下滑动。我不希望用户点击远离第二个输入字段，而是监听事件匹配，成功然后显示 div。

如果它们不匹配或用户更改输入，则 div 将关闭。

...................所以这里有一些代码。

验证：

Slider 似乎是我们可以使用的多种不同版本，通过 jQuery 切换和滑动都可以想到。

我的问题是我希望事件侦听器从第二个输入字段触发滑块面板。无需用户在其他任何地方单击任何内容。

因此，当他们输入第二个输入字段时..一旦匹配，“实时”滑块就会打开。

任何帮助表示赞赏。

好的，Davids Help，这就是我到目前为止所拥有的：

验证：

下面提到的 jQuery 处理程序代码

表单元素看起来像：移动 1

onKeyUp="limitText(this.form.mobile1,this.form,10);" maxlength="10"/>

手机 2

onKeyUp="limitText(this.form.mobile2,this.form,10);" maxlength="10"/>

我希望动画的 div 元素：

你好世界</div>

就是这样。

当运行像 slideDown() 这样的 Jquery 动画时，看起来许多特定于元素的 css 属性被设置为以特定间隔更新，并且当动画完成时，这些属性被取消设置并且显示属性被简单地设置为 auto 或任何。至少在萤火虫中，您再也看不到那些临时属性了。

我遇到的问题是我们使用 stop() 停止向下滑动的场景。然后该元素将保留当前的临时 css 值。这很好，因为它必须这样做，但是让我们说我停止了向下滑动，因为我决定过早地将它再次向上滑动。它看起来像这样：

上面的代码可能没有多大意义，但重点是：
向下滑动 1 秒后，动画停止并开始向上滑动。奇迹般有效。

但！！！这就是问题所在。一旦它向后滑动，元素 css 属性将重置为它在 slideDown() 动画中 1000 毫秒的确切值（当调用 stop() 时）。如果我们现在尝试运行以下命令：

它将向下滑动到先前的 slideDown 被中止的点，并且不会以一半的速度进一步滑动（因为它在大约一半的高度上使用相同的时间）。这是因为我看到的 css 属性已保存。但这并不是特别希望的。当然，这次我希望它一直向下滑动。

由于难以预测的 UI 交互，一切可能很快就会中断。我们使用较长的动画会增加发生此类事情的风险。

这被认为是一个错误，还是我做错了什么？或者也许它只是一个不受支持的功能？

我想我可以使用回调函数来重置 css 属性，但是根据所使用的动画，不同的 css 属性用于渲染它，并且覆盖你的背部会导致一个不那么花哨的解决方案。

我正在尝试使用 jQuery 为网页创建消息通知。消息将从底部向上滑动，然后在 10 秒后向下滑动。问题是如果可能的话，我想通过 jQuery 效果系统设置时间，而不是使用setTimeouts. 这是一个相当不雅的解决方案？

你如何使用 jQuery 来排队在特定时间间隔后发生的效果？

我用 jQuery Cycle 制作了幻灯片，但计时器有问题。几个周期后，他们搞砸了。如何在一个函数和一个计时器中合并两个循环动画？

感谢您的任何帮助。

xHTML：

jQuery：

我有一个放大图像focus()和缩小图像的应用程序blur()。我已经阅读了原始图像尺寸并添加了 15px 以创建放大效果，效果很好。问题在于缩小效果，我试图将我读过的原始图像大小传递给.blur()但没有运气。谁能帮我解决这个问题？

我在 Wordpress 页面上使用 JQuery 为 mouseenter 事件上的隐藏元素设置动画。隐藏元素是一个文本块，当鼠标进入包含图像缩略图的 div 时，它会向下滑动。我有动画工作，但是当隐藏元素向下滑动时，它会触发 mouseleave 函数，该函数会向上滑动 elemnet，从而产生不良的溜溜球效果。有谁知道如何告诉 JQuery 忽略向下滑动的元素，以便除非鼠标实际离开具有缩略图的元素，否则不会调用 mouseleave 函数。结果可以在这里看到：

http://jeremypiller.com/wordpress

任何帮助，将不胜感激。

这是 CSS（我正在操作 WordPress 生成的类）：

的HTML：

和jQuery：

我正在编写一个带有此标记的菜单的网站：

基本上有 2 个主要类别（“grafico”和“producto”），每个类别都有其子类别 ( ul.categories-menu) 和项目 ( ul.projects-menu)。

此外，每个子类别在属性中都有一种“id”，rel每个项目在rel属性中都有一个以逗号分隔的子类别列表。

所以，我想要实现的是，当单击子类别链接时，该类别中包含其rel子类别rel值的所有项目都会“突出显示”（变成另一种颜色），但是以“级联”方式（从上到下，项目会改变颜色），然后，当点击另一个子类别链接时，所有项目将变为原来的颜色，并且高亮级联再次以属于的项目开始新点击的子类别。

我还使用xcolor插件来允许该animate()函数对高光进行平滑的颜色更改。

到目前为止，这是我的（简化的）代码：

这段代码工作得很好，但“级联”效果并不完全有效，例如：当突出显示项目 1、3、4 和 6 时（第一个级联效果很好），然后单击另一个应该突出显示项目 1 的子类别, 4, 5 和 6（注 1 和 4 很常见），

• 我想要的是：所有项目都设置回它们的默认颜色，然后项目 1、4、5 和 6 一个接一个地突出显示，几乎没有延迟
• 我得到的是：所有项目都设置回它们的默认颜色，然后项目 5、6、1 和 4 一个接一个地突出显示，延迟很小（1 和 4 稍后突出显示，因为它们首先需要一些时间才能回来到旧状态）

我希望我可以解释我的问题，有人可以指出我解决这个小问题的正确方向吗？

谢谢

我试图找出如何使用 jQuery 对多个元素的动画进行排队。

例如，我需要在屏幕上移动元素。然后当完成后，移动下一个，等等。

这也许是一个项目清单.. 就位.. 一个接一个。

有人可以帮帮我吗？

我是否需要使用每个动画的 onComplete 函数来开始下一个动画？

更新：简单的例子。

我想让它们一个一个地淡化。所以第 1 项淡入。然后，完成后，第 2 项淡入，依此类推。

我正在使用 jQuery 将一些 Flash“页面构建”类型的动画转换为 HTML。所以我需要在多个元素上排队动画。就像出现一个框，然后将一些文本滑到它上面……等等。

可以这样做吗？

例如。

当鼠标悬停在元素上时，我可以将所有具有 class1 的元素淡化到 class2，当鼠标离开时，我可以淡化到 class1 吗？