JQuery的導航菜單

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代碼和我在做什麼這裏是一個網站JQuery的導航菜單

我的概率是垂直導航欄，當我將鼠標懸停我的導航菜單，它所有的我的代碼中的CSS。但是當我點擊菜單時，我希望文字保持紅色。不回黃色..

感謝時間幫我..^_^

來源

2013-05-22 Lyndon Broz Cañete Tonelete

你能創建一個[jsfiddle]（http://jsfiddle.net）嗎？我不知道爲什麼.. – asifrc

http://jsfiddle.net/asifrc/fH7pv/1/ – asifrc

當你點擊時應該發生什麼？（它在我的小提琴中保持紅色） – asifrc

所以，你點擊第一，這臺紅色。然後 you mouseout，它會將文本設置回黃色。我建議你使用類。點擊後，添加一個類，懸停（mousein/mouseout），添加和刪除不同的類。這樣，當你點擊時，你點擊顏色就會「粘住」。

來源

2013-05-22 03:45:48 neouser99

JQuery的導航菜單

回答

相關問題