내비게이션 위로 마우스를 이동하면 현재 LI의 색상이 바뀌며 현재 위치에 위치하게 되는데, 이는 현재 내비게이션에서 널리 사용되는 기능입니다. 코드 복사 코드는 다음과 같습니다. head> 탐색 위로 마우스를 이동하면 현재 LI의 색상이 변경됩니다. 현재 위치 title> <br>ul,li{list-style:none;} <br>#nav li{display:inline- 블록;여백:0 5px;배경:#ccc;패딩:0 10px; 줄 높이:24px;글꼴 크기:12px;} <br>#nav li.h_nav_over{배경:red;color:#fff;} <br>#nav li.h_nav_over a {color:#fff;} <br>a{text-꾸밈:none;} <br><br> <br>$(function() { <br>$("# nav>ul>li").mouseover(function(){ <br>$("#nav>ul>li").each(function(i){ <br>$(this ).removeClass("h_nav_over") ; <br>}); <br>$(this).addClass("h_nav_over") <br>}).mouseout(function(){ <br>$(this). addClass("h_nav_over"); <br>}); <br><br></head> div id="nav"> <br><ul> <br><li><a href="#" >홈페이지</a></li><li><a href ="#" >브랜드 비즈니스 기회</a></li> <br><li><a href="#" >훌륭한 비즈니스 기회</a></li><li> ;<a href=" #" >최신 사업 기회</a></li> <br><li><a href="#" >투자 점검 회의</a></ li><li> <a href="#" >온라인 커뮤니케이션 영역</a></li> <br></ul> <br></ 본문> <br> </html> <br><br> </div>