图像悬停效果 - jquery

Question

我想知道是否有任何jquery插件可以在悬停时执行类似的操作（即显示文本），如http://gridonic.ch/?g=1上所示

Answer 1

你可以看看马赛克;

http://buildinternet.com/project/mosaic/1.0/

Answer 2

这可以帮到你。

$('.div img').hover(
function(){
 $(this).stop().animate({marginTop:'-25px',}, 300); 
},
function(){
 $(this).stop().animate({marginTop:'0px',}, 300);
}

）;

此查询将与您想要的效果相同。

解释代码

.div =你的div或任何元素的类

function(){
 $(this).stop().animate({marginTop:'-25px',}, 300); 
},

此代码表示当图像悬停时，它将在marginTop的帮助下向上移动：' - 25px'

和代码

function(){
 $(this).stop().animate({marginTop:'0px',}, 300);
}

这意味着当它不悬停或鼠标悬停在图像上时，它将返回其原始位置。

您可以使用您想要的速度或任何您想要的位置数据。