|
Сниппет показывает как реализовать анимацию при наведении курсора мыши.
При наведении плавно меняется стиль, при уходе курсора из области объекта стиль плавно меняется на прежний.
Данный пример отлично подойдёт для меню.
1
2
3
4
5
6
7
8
9
10
11
12
| $(".sidebar-hover li a, ul.menu li ul li a").hover(function() {
$(this).stop().animate({
borderWidth: "10px",
borderLeftColor: "#47D322"
}, 150);
},function() {
$(this).stop().animate({
borderWidth: "0px",
borderLeftColor: "#202020"
}, 150);
});
}); |
|