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/fH7pv/ => 거기 .. 자바 스크립트가 바이올린에서 작동하지 않는 이유는 무엇입니까? –

jquery는 왼쪽의 첫 번째 드롭 다운을 사용하여로드해야합니다. http://jsfiddle.net/asifrc/fH7pv/1/ – asifrc

그래서 먼저 클릭 나를 도와 시간 동안 .. 다시 노란색으로

감사하지. 당신은 mouseout을합니다. 그러면 텍스트가 다시 노란색으로 설정됩니다. 나는 당신이 수업을 사용하는 것이 좋습니다. 클릭 할 때 클래스를 추가하고 마우스를 올리면 (mousein/mouseout) 다른 클래스를 추가하고 제거합니다. 그런 식으로, 당신이 클릭하면, 당신은 색깔을 클릭 "스틱."

출처

2013-05-22 03:45:48 neouser99

JQuery와 네비게이션 메뉴

답변

관련 문제