Image парения эффект - 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); 
} 

это означает, что, когда он не на наведите курсор или на мышь, изображение вернется в исходное положение.

Вы можете поиграть с данными о том, насколько быстро вы хотите, чтобы они были или какое бы то ни было положение.