jqueryhover&;使用mousemove在图像上淡入淡出
我有三张同样大小的照片。如果用户向左移动,则加载一个图像(以彩色显示左侧的部分),如果用户向右移动,则右侧为彩色。我希望图像淡入淡出,增加一个好的效果 我已经试过了,但我不能让它工作!我正在使用mouseenter和其他一些函数,但我无法让它工作。图片如下: 问候,jqueryhover&;使用mousemove在图像上淡入淡出,jquery,Jquery,我有三张同样大小的照片。如果用户向左移动,则加载一个图像(以彩色显示左侧的部分),如果用户向右移动,则右侧为彩色。我希望图像淡入淡出,增加一个好的效果 我已经试过了,但我不能让它工作!我正在使用mouseenter和其他一些函数,但我无法让它工作。图片如下: 问候, Nik好的,这里的第一个版本并不完美,可以用很多其他更好的方法来实现 但我尽可能快地做到了 $("div.wrapper").css({ height: $("img").height(), width: $
Nik好的,这里的第一个版本并不完美,可以用很多其他更好的方法来实现 但我尽可能快地做到了
$("div.wrapper").css({
height: $("img").height(),
width: $("img").width()
});
$("div.wrapper").hover(function(){
$("div.First").hover(function(){
$(".left").stop().fadeIn();
$(".none, .right").stop().fadeOut();
}, function(){
$(".left").fadeOut();
});
$("div.Second").hover(function(){
$(".right").stop().fadeIn();
$(".none, .left").stop().fadeOut();
}, function(){
$(".right").stop().fadeOut();
});
},function(){
$(".left, .right").stop().fadeOut();
$(".none").stop().fadeIn();
});
})
我真的没有得到你想要的?你能再解释一下并给出一些代码吗?当然可以:1)当用户进入页面时,他们会看到NoRollover图像。2) 如果他们停在这张图片的左边,左边的图片会载入(突出显示瓶子)3)如果他们停在右边,右边的图片会载入(突出显示另一个瓶子)。我没有不要添加代码,因为我认为我做得不对,我希望你们能指导我。1) 我创建了三个div,并使用z索引尝试实现这一点。2) 我还尝试了一个带有三个标签的div,并尝试使用JS更改src,但我无法实现图像的fadeIn,因此理想情况下,如果你开始我的工作,这将非常有帮助!谢谢但是,老兄,你根本没有代码,不管怎样,我会尝试为你创建一些示例。谢谢你的帮助。我很感激!这绝对是伟大的Szymon老实说,我从来没有想过做这些“隐藏”的DIV,它真的很好,它肯定会帮助我在未来!谢谢