Jquery 当不再将鼠标悬停在fadeIn元素上时,如何保持元素可见?
我有一个图像元素,它看起来像是在父级Jquery 当不再将鼠标悬停在fadeIn元素上时,如何保持元素可见?,jquery,jquery-animate,toggle,fade,Jquery,Jquery Animate,Toggle,Fade,我有一个图像元素,它看起来像是在父级div中,而实际上它在父级div的下面/外面。当前,当光标悬停在图像元素上时,我正在使用JQuery来fadeIn图像元素,当光标移开时,图像元素将淡出。但当我尝试悬停在现在可见的图像元素上时,它消失了。在父div中移动图像元素目前不是一个选项 论证问题 当光标指向可见的图像元素时,如何防止其褪色?将链接添加到.hover()选择器中: $('.container, .link').hover(...); 之后,您需要使用.stop()来防止排队: $('.
div
中,而实际上它在父级div的下面/外面。当前,当光标悬停在图像元素上时,我正在使用JQuery来fadeIn
图像元素,当光标移开时,图像元素将淡出。但当我尝试悬停在现在可见的图像元素上时,它消失了。在父div中移动图像元素目前不是一个选项
论证问题
当光标指向可见的图像元素时,如何防止其褪色?将链接添加到.hover()
选择器中:
$('.container, .link').hover(...);
之后,您需要使用.stop()
来防止排队:
$('.container, .link').hover( function (){
$('.link').stop().fadeIn();
}, function(){
$('.link').stop().fadeOut();
});
然后在快速悬停div
时会出现错误,因为fadeIn()
只有在元素隐藏时才进行处理,所以使用fadeTo
:
$('.container, .link').hover( function (){
$('.link').stop().fadeTo('slow', 1);
}, function(){
$('.link').stop().fadeTo('slow', 0);
});
将链接添加到.hover()选择器中。
选择器:
$('.container, .link').hover(...);
之后,您需要使用.stop()
来防止排队:
$('.container, .link').hover( function (){
$('.link').stop().fadeIn();
}, function(){
$('.link').stop().fadeOut();
});
然后在快速悬停div
时会出现错误,因为fadeIn()
只有在元素隐藏时才进行处理,所以使用fadeTo
:
$('.container, .link').hover( function (){
$('.link').stop().fadeTo('slow', 1);
}, function(){
$('.link').stop().fadeTo('slow', 0);
});
将链接添加到.hover()选择器中。
选择器:
$('.container, .link').hover(...);
之后,您需要使用.stop()
来防止排队:
$('.container, .link').hover( function (){
$('.link').stop().fadeIn();
}, function(){
$('.link').stop().fadeOut();
});
然后在快速悬停div
时会出现错误,因为fadeIn()
只有在元素隐藏时才进行处理,所以使用fadeTo
:
$('.container, .link').hover( function (){
$('.link').stop().fadeTo('slow', 1);
}, function(){
$('.link').stop().fadeTo('slow', 0);
});
将链接添加到.hover()选择器中。
选择器:
$('.container, .link').hover(...);
之后,您需要使用.stop()
来防止排队:
$('.container, .link').hover( function (){
$('.link').stop().fadeIn();
}, function(){
$('.link').stop().fadeOut();
});
然后在快速悬停div
时会出现错误,因为fadeIn()
只有在元素隐藏时才进行处理,所以使用fadeTo
:
$('.container, .link').hover( function (){
$('.link').stop().fadeTo('slow', 1);
}, function(){
$('.link').stop().fadeTo('slow', 0);
});
为什么无法将图像移动到div中?你可以这样做为什么不能在div中移动图像?你可以这样做为什么不能在div中移动图像?你可以这样做为什么不能在div中移动图像?你可以这样做