Как изменить тип анимации?
$(function() {
var $el, leftPos, newWidth;
$mainNav = $("#menu");
$mainNav.append("<li id='dinamic-box'></li>");
var $DinamicBox = $("#dinamic-box");
$DinamicBox
.width($(".active_item").width())
.height($mainNav.height())
.css("left", $(".active_item a").position().left)
.data("origLeft", $(".active_item a").position().left)
.data("origWidth", $DinamicBox.width())
$("#menu a").hover(function() {
$el = $(this);
leftPos = $el.position().left;
newWidth = $el.parent().width();
$DinamicBox.stop().animate({
left: leftPos,
width: newWidth,
})
}, function() {
$DinamicBox.stop().animate({
left: $DinamicBox.data("origLeft"),
width: $DinamicBox.data("origWidth"),
});
});
});
пробывал после animate вписывать:
Код:
|
easing: "easeOutBack", |
но ничего не происходило
---------------------------------------------------------------
Вот еще вопросик, как присвоить стиль (в моем случае
.active_item a) тегу
li после нажатия мышки?
Пробывал так:
var $ActiveItem = $("li");
$ActiveItem.mouseenter = function () {
this.className = ".active_item a";
};
опять ничего не происходит =\