2013-06-10 2 views
1
<ul> 
<li><a href="/product/list.html?cate_no=1">menu 1</a></li> 
<li><a href="/product/list.html?cate_no=2">menu 2</a></li> 
<li><a href="/product/list.html?cate_no=3">menu 3</a></li> 
</ul> 

에 대한 강조, 나는 목록 "메뉴 1"에 밑줄을 만들고 싶어. 그리고 메뉴 2를 클릭하면 "메뉴 2"에 밑줄이 표시됩니다.목록 메뉴가 JQuery와, 를 사용하여 각 페이지

제발 도와주세요!

+0

당신은 자바 스크립트가 필요합니다. 당신은 css로 그냥 할 수 없습니다 – karthikr

+0

각 페이지는 목록 메뉴를 인식하고 밑줄을 표시합니다. – wcodavid

+0

나는 어떻게 이것을 CSS로 만들 수 있습니까? – wcodavid

답변

0

CSS :

a { 
    text-decoration: none; 
} 

jQuery를 :이 작업을 수행

$("a").on("click", function(event) { 
    event.preventDefault(); 
    $("a").css("text-decoration", "none"); 
    $(this).css("text-decoration", "underline"); 
}); 
+0

http://jsfiddle.net/w3WVm/ – lanes