2009-12-07 25 views
1

我有一個<a href=""></a>它有一個CSS背景圖像。在CSS中,我有:hover僞類來更改背景位置。如何在鏈接僞類更改時使用fadeIn/fadeOut?

我想fadeInfadeOut jQuery的兩個不同的backgroundimages。我不想動畫背景位置,但fadeInfadeOut兩個不同的CSS類。

這可能嗎?或者我需要另一種方法?

回答

1

這在jQuery中是不可能的。但是,您可以爲此目的查看jQuery UI(不確定它是否可用)。

http://jqueryui.com/

另一種方案是,作爲其他的答案說,疊加兩個div和動畫的不透明性。

+0

你的意思是:http://jqueryui.com/docs/switchClass/#option-add? – 2009-12-07 12:05:02

+1

我的意思是這樣的:$(myElem).addClass('someclass',200),其中200是您希望動畫持續的持續時間。 – Mickel 2009-12-07 20:06:14

0

您需要堆疊兩個元素,並將背景圖像應用於每個元素。然後你可以淡入/淡出頂部元素。

0

你不能用普通的CSS或股票jQuery來做到這一點。要淡化背景圖像,您必須將兩個元素放在一起,然後淡出頂部元素。它不能在一個元素中完成。