2013-06-04 4 views
3

JavaScript 앱의 일부인 드롭 다운 메뉴가 있습니다. 이 버튼은 별도의 CSS 파일로 스타일이 지정된 버튼 행의 일부입니다. 드롭 다운 메뉴는 원래 행과 동일한 스타일을 지정해야하는 버튼 열을 만듭니다.사용 방법 : 마우스를 놓을 때 마우스를 가져 가면

같은 : 호버 CSS로 응답하려면 드롭 다운 메뉴의 버튼이 필요하지만 드롭 다운 메뉴가 보이도록 마우스가 아래에 있어야하기 때문에 문제가 발생합니다. 그것은 단지 하나 개의 장소에 기록되도록, 어떤 방법으로 가져가 CSS 규칙 : 난을 참조하는 것을 선호,

jQuery(texDiv).mouseover(function() { 
     this.style.color = '#000000'; 
    }); 

을하지만 : 나는 CSS에서 규칙을 쓰는 그들을 JS로과 같이 할 수 있습니다 암호. 모든 버튼의 마우스 오버 스타일을 jQuery 마우스 오버로 처리하여 클래스를 추가 할 수는 있지만 이제 어떻게 수행 할 수 있는지 궁금합니다.

그렇다면 마우스를 움직이면 CSS를 적용하려면 어떻게해야합니까? 제가이 답을 다른 곳에서 찾지 못하면 저에게 지시하십시오!

+0

안녕하세요, 무엇을 선택 사용에 CSS 클래스를 추가 할 수 있습니까? 첫 번째 수준의 자식 만 필터링합니까? : ul> li? | mousedown은 다음과 같습니다 : CSS에서의 행위 –

답변

2

간단한 솔루션 - 마우스 오버에 당신이 새로운 색상을 정의 할 수있는 다른 클래스를 추가로 마우스가

+0

@Ochi이 의미하는 바는 무엇입니까 - js :'$ (textDiv) .mousedown (function() {$ (this) .addClass ('class')});', css :'. class : hover {color : # 000000}'. 그냥 거기에 넣어 확실합니다. – eithed

+0

없이 ": hover"부분 - 연결되어 있고 나중에 제거되는 새로운 클래스 – Ochi

+0

오 - 마우스 버튼을 클릭 할 때 ** 및 ** 요소 위에 마우스가있을 때 규칙을 적용해야한다는 것을 이해했습니다. 그리고 나는 당신이 의미하는 것이라고 생각했습니다. :) 죄송합니다! – eithed

1

:hover이 IMO 다른 브라우저에 의해 이해 될 수 wouldnt가 강제로 제거합니다. 이 같은 CSS의 마커 클래스를 정의 할 수 있습니다

// your seperate file 
a:hover, .marker { 
    // all your needs 
} 

그래서 당신은 easyly 당신의

jQuery(texDiv).mouseover(function() { 
    $(this).addClass('marker'); 
}); 
+0

: D가 @eithed와 썼습니다. –

관련 문제