2010-03-14 2 views
0

Я не знаю точных слов, чтобы описать это поведение на следующих страницах: http://kyanmedia.com/ и http://www.jayhollywood.com.au/. При наведении изображений (уменьшенных изображений). Текст отображается гладко. Является ли это плагин jquery или просто CSS?Текст отображается гладко при наведении значков. Это плагин jQuery или просто CSS?

Как воспроизвести это поведение/эффект?

ответ

2

Проверьте это на CSS-уловок:

http://css-tricks.com/examples/GarageDoorMenu.zip

и

http://css-tricks.com/examples/GarageDoorMenu/

Редактировать:

Он использует два DIV, размещенных друг на друга. Затем, когда вы наводите курсор, он будет анимировать свойство background-position в div-гараже. Дверь гаража прозрачна под «дверной» графикой, так что вы можете просмотреть слой ниже.
Эта конкретная реализация использует JQuery:

$(".link").hover(function(){ 
    $(this).parent().stop() 
     .animate({backgroundPosition: '(0px -100px)'}, 500); 
}, function() { 
    $(this).parent().stop() 
     .animate({backgroundPosition: '(0px 0px)'}, 500); 
}); 
+1

Что-то чувствует себя не так о сайте под названием «CSS-уловок» хвастающиеся анимации реализованы с использованием JavaScript. – Quentin

+0

Спасибо, да, странно, но я поклонник CSS-трюков. – alexchenco