1
2
3
4
5
$("a").hover(function() {
   $(this).stop().animate({paddingLeft : "10px"},200);
},function() {
   $(this).stop().animate({paddingLeft : "0px"},200);
});

при наведении на ссылку она смещается в право на 10px, если убрать курсор – возвращается на прежнее место. Можно использовать для выделения пунктов меню, при наведении на них. Не забудьте изменить селектор на более конкретный, чтобы эффект распространялся не на все ссылки.

источник: css-tricks.com

Оставьте свой комментарий