Question

var navObject = {
padLeft : '20px',
padLeftHover : '40px',
goRight : function(obj){
    if (!obj.parent('li').hasClass('active')) {
        obj.stop(true, true).animate({ 'padding-left' : this.padLeftHover }, 'fast');
    }
},
goLeft : function(obj){
    if (!obj.parent('li').hasClass('active')) {
            obj.stop(true, true).animate({ 'padding-left' : this.padLeft }, 'fast');
    }
},
makeActive : function(obj) {
    obj.siblings().each(function() {
        if($(this).hasClass('active')) {
            $(this).removeClass('active');
            navObject.goLeft($(this).children('a'));
        }
    });
    if (!obj.hasClass('active')) { 
        obj.addClass('active');
    }
}

}$(function() {
$('#navigation li a').hover(function() {
    navObject.goRight($(this));
    $(this).css({
    "color": "red", 
    "position": "relative",
    "font-size": "20px"});
}, function() {
    navObject.goLeft($(this));
    $(this).css({
    "color": "yellow",
    "font-size": "14px"});
});

$('#navigation li a').click(function() {
    navObject.makeActive($(this).parent('li'));
    navObject.goRight($(this));
    return false;
});});

嗨..我有这个jquery代码，我在这里做的是网站中的垂直导航栏

我的问题是，当我悬停我的导航菜单时，它会执行我的代码中的所有CSS。但是当我点击菜单时，我希望文字保持红色。不要回到黄色..

感谢您抽出时间帮助我.. ^ _ ^

Answer 1

所以，先点击，设置为红色。然后你的mouseout，它会将文本设置回黄色。我建议你使用课程。点击，添加一个类，在悬停（mousein / mouseout），添加和删除一个不同的类。这样，当您单击时，单击颜色将“坚持”。

JQuery导航菜单

1 个答案: