问题标签 [jquery-animate]

我正在尝试在鼠标悬停和鼠标悬停时更改 div 的背景颜色。在 MouseOver 上立即变为黄色，在 MouseOut 上缓慢淡出。

function hilightel(keydiv)
{
$('#'+keydiv).animate({ backgroundColor: '#ffffd3' },1);
}
function lolightel(keydiv)
{
$('#'+keydiv).animate({ backgroundColor: '#ffffff' },300);
}

< div onMouseOver=javascript:highlightel('item1'); onMouseOut=javascript:lolightel('item1'); id='item1'>内容</div>

但是，当鼠标移到 div 中的文本上时，它会认为我已经鼠标移出，因此闪烁得很厉害。

不起作用的替代方案：
- animateToClass 不支持背景颜色，所以我使用“颜色”插件
- 我听说 switchClass 在 Chrome 中不起作用
- 不能使用 .hover 因为它们将被动态命名页面中的 div 所以需要一个通用功能

提前致谢...

提前感谢您帮助我（对于那些有时间并愿意的人）。

我写了这个脚本：

并将其放到此页面http://www.fraservalley-webdesign.com/portfolio/test.php上。

它可以工作，除了它当然显示/隐藏具有适当类的每个元素，而不仅仅是我悬停的那个。我不能唯一地命名每一个，因为会有几十个，它将是数据库驱动的内容。

有谁知道一种简单的方法来隔离我在脚本中悬停的项目？

这有意义吗？

我怎么说，使用 jQuery 将元素从其初始位置向一侧滑动几个像素？我知道有一个 animate() 函数，但我不知道如何使用它。提示，教程将不胜感激。

编辑：

我现在正在尝试在鼠标悬停时更改元素的背景颜色（我也想最终交换背景图像，但现在不是......）

我目前正在使用以下代码。怎么了？（.link 是一个引用一堆元素的类）

我想在 jquery 1.3 中为一系列项目设置动画，每个下一个项目从第一个动画的中途开始。换句话说，我想要一个半队列效果。我试图使用下面的代码，但它不起作用。有没有人有任何想法？

PS：我尝试使用各种“空闲”或“暂停”jquery 插件，但我怀疑使用的技术是 jquery 1.3 之前的？

PPS：提前感谢您的帮助:)

我正在尝试将 div 从 100% 的不透明度设置为 40% 的不透明度，而不使用 fadeTo()。我需要使用动画（）。

它在 chrome/FF/safari 中运行良好，但在 IE 中，不透明度没有动画，它只是在动画完成后更改为。发生在 IE 7 和 8 中。我正在这样做：

...它只是没有为不透明度设置动画。有任何想法吗？

我有两个div。一个是 position:absolute (.buttonEffectWrapper)，在另一个 div 的顶部（称为 .rightColumnButtonHighlighted）。

我也有以下JS代码：

它工作正常，除了它适用于所有div。我需要它只适用于当前的 div，我不知道该怎么做。

DIVS：

效果见http://www.raceramps.com/v2。

不知道为什么这不起作用...

我有几个带有 .rightColumnButton 类的 DIV。其中一些的高度为 30px：

如果它们的高度为 30px，我想将 margin-top 更改为 10px：

对我不起作用。

我正在尝试结合匹配的内容，例如：

使用 jQuery 的固有链接功能，强制动画等待前一个动画完成，例如：

然后在动画完成后触发 .load 函数。基本上，我想按顺序淡出四个项目[一个接一个，而不是一次全部]，然后将四个新项目加载到同一个 div 中，替换前四个。

我怎样才能以可重用/可变的方式做到这一点？

这有什么问题？文本颜色不会改变。

I am trying to animate background images on my site, when a background image is selected I want it to slide in from the left and push the old background out of picture, can anybody help with the code as the stuff I have written does not work ,