链接伪类改变时如何使用fadeIn / fadeOut?

时间:2009-12-07 11:11:10

标签: javascript jquery css

我有一个<a href=""></a>,它有一个CSS背景图片。在CSS中,我有:hover伪类来改变背景位置。

我想使用jQuery fadeInfadeOut两个不同的背景图像。我不想为背景位置设置动画,但是fadeInfadeOut两个不同的CSS类。

这可能吗?或者我需要另一种方法吗?

3 个答案:

答案 0 :(得分:1)

这在jQuery中是不可能的。但是,您可以为此目的查看jQuery UI(不确定它是否有效)。

请参阅http://jqueryui.com/

正如其他答案所说,另一种解决方案是覆盖两个div并为不透明度设置动画。

答案 1 :(得分:0)

您需要堆叠两个元素,并将其中一个背景图像应用于每个元素。然后你可以淡入/淡出顶部元素。

答案 2 :(得分:0)

使用纯CSS或股票jQuery无法做到这一点。要淡化背景图像,您必须将两个元素放在一起,然后淡出顶部元素。它不能在一个元素中完成。