2010-12-31 5 views
0

here으로 표시된 다음 nav 드롭에 대해 작업했습니다.둥근 모서리 문제로 내비게이션 드롭

거의 완성되었지만 문제가 하나 있습니다. 네비게이션 타이틀 위에 마우스를 올리면 텍스트가 컬러에서 블랙으로 바뀌고 드롭 다운이 표시됩니다. 그것이 작동해야하는 방법이지만 마우스를 움직여 드롭 다운 내의 nav 제목을 이동하면 검정색 텍스트 (활성 이미지)가 컬러로 돌아가고 검은 색으로 남아 있습니다.

드롭 다운이 활성화되어 있고 사용자가 텍스트 (활성 이미지)를 검은 색으로 유지하기 위해 탐색 할 때 어떤 제안이 필요합니까?

답변

1

이상적으로는 메뉴 항목의 이미지보다는 텍스트를 사용하는 것이 좋습니다. 그런 다음 JavaScript를 전혀 사용하지 않고 CSS를 사용하여 <li> 이상의 마우스 오버시 텍스트 색상을 제어 할 수 있습니다.

당신이 지금하고있는 방식대로 (이미지로), 나는 onmouseover와 onmouseout을 <a>에서 <li>까지 이동하여 여전히 가능하다고 믿습니다. 이 스크립트가 작동하려면 약간의 조정이 필요할 수 있지만 목록 항목 내의 앵커 태그 대신 전체 목록 항목 (및 해당 내용)에 대한 마우스 오버를 감지하는 것이 좋습니다.

+0

고마워요. 시각적 인 예를 쓸 수 있을까요? 나는 내가 완전히 따라하지 않는다고 생각한다 - thnx! – chaser7016

+0

죄송합니다, 방금 추적 질문을 보았습니다. (나는 아직도 stackoverflow를 방문하는 습관이 아니다.) 나는 반응 할 것이지만, 당신은 이미 사물을 알아 냈다. 축하와 사이트와 행운을 빈다. :) – EnderAl

0

드롭 다운 메뉴를 포함하도록 펼쳐지는 컨테이너 (div 아마)에 드롭 다운과 함께 메뉴 항목을 놓은 다음 항목을 드릴 다운하는 컨테이너를 가리키는 메뉴 선택기를 사용하는 방법 본문. 메뉴 또는 드롭 다운 메뉴에있는 동안은 여전히 ​​호버 선택기로 덮여 야합니다.

0

<li>에 제목이있을 때 대신 제목이 포함되어 있으면 CSS Ot JS를 사용하여 제목의 색을 변경할 수 있습니다.