缩略图悬停的新图像

Question

嘿所有，我正在尝试实现我在1张大图像下面有2张缩略图的东西。当您将鼠标悬停在缩略图上时，我希望将大图像更改为另一张图片。那里有脚本或教程吗？可能是jquery？

Answer 1

jQuery会摇滚这个。 Here是一个类似的教程。祝你好运！

Answer 2

U可以使用悬停功能

CSS代码：

.nav {
   background:url(images/3.png) no-repeat;
}

.nav_hover {
   background:url(images/4.png) no-repeat;
}

JQUERY CODE：

$('.nav').hover( 
function(){
   $(this).addClass('nav_hover');
}, 
function(){
   $(this).removeClass('nav_hover');
}
);

HTML代码：

// Call  class CSS Script to element

检查