Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当链接伪类更改时,如何使用fadeIn/fadeOut?_Javascript_Jquery_Css - Fatal编程技术网

Javascript 当链接伪类更改时,如何使用fadeIn/fadeOut?

Javascript 当链接伪类更改时,如何使用fadeIn/fadeOut?,javascript,jquery,css,Javascript,Jquery,Css,我有一个,它有一个CSS背景图像。在CSS中,我有:hover伪类来更改背景位置 我想用jQuery查看两个不同的背景图片fadeIn和fadeOut。我不想设置背景位置的动画,但是fadeIn和fadeOut两个不同的CSS类 这可能吗?或者我需要另一种方法吗?您需要堆叠两个元素,并对每个元素应用一个背景图像。然后您可以淡入/淡出顶部元素。您需要堆叠两个元素,并对每个元素应用一个背景图像。然后,您可以淡入/淡出顶部元素。使用普通CSS或stock jQuery无法做到这一点。要使背景图像淡入淡

我有一个
,它有一个CSS背景图像。在CSS中,我有:hover伪类来更改背景位置

我想用jQuery查看两个不同的背景图片
fadeIn
fadeOut
。我不想设置背景位置的动画,但是
fadeIn
fadeOut
两个不同的CSS类


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

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

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

使用普通CSS或stock jQuery无法做到这一点。要使背景图像淡入淡出,您必须将两个元素置于彼此的顶部,然后淡出顶部元素。这不能在一个元素中完成。

使用普通CSS或stock jQuery无法完成。要使背景图像淡入淡出,您必须将两个元素置于彼此的顶部,然后淡出顶部元素。它不能在一个元素中完成。

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


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

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

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

我的意思是:$(myElem).addClass('someclass',200),其中200是您希望动画持续的持续时间。我的意思是:$(myElem).addClass('someclass',200),其中200是您希望动画持续的持续时间。