마우스를 가져 가거나 탐색을 클릭하면 빨간색 막대를 만듭니다.

집에서 YouTube (www.youtube.com/friedpanseller)와 같은 탐색 섹션을 원한다면, 비디오에 대해, 토론하십시오. 위에 강조 표시하거나 클릭하면 빨간색 막대가 나타납니다. 빨간 막대가 어떻게 나타나게 할 수 있니? 활성 항목의 상태를 유지하려면마우스를 가져 가거나 탐색을 클릭하면 빨간색 막대를 만듭니다.

출처

2013-10-15 Friedpanseller

Google은 가장 친한 친구입니다. –

사용이 예제는 문제

설명하기 위해 당신은 모든 HTML 파일에서 메뉴 바의 레이아웃을 포함해야합니다. 예를 들어 연구를 클릭 한 다음 research.html에서 내비게이션 막대가

이어야합니다.

<div class="navbar"> 
<div class="navbar-fixed-top"> 
    <div class="container" style="width: auto;"> 
     <div class="nav-collapse" id="nav-collapse"> 
     <ul class="nav" id="nav"> 
     <li ><a href="#skdill" >skisll</a></li> 
     <li ><a href="#skill">skill</a></li> 
     <li class="active"><a href="#research">research</a></li> 
     <li ><a href="#">Link</a></li> 
       </ul> 
    </div> 
    </div> 
</div> 
And so on for all your links. 

EDIT You can use JavaScript and do the trick: 

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="js/jquery.min.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet"> 
    </style> 
    </head> 

    <script> 
    $(function() { 
     $('#nav li a').click(function() { 
      $('#nav li').removeClass(); 
      $($(this).attr('href')).addClass('active'); 
     }); 
    }); 
    </script> 

    <body> 
    <div class="navbar"> 
     <div class="navbar-fixed-top"> 
      <div class="container" style="width: auto;"> 
       <div class="nav-collapse" id="nav-collapse"> 
       <ul class="nav" id="nav"> 
        <li id="home"><a href="#home">Home</a></li> 
        <li id="skill"><a href="#skill">Skill</a></li> 
        <li id="research"><a href="#research">Research</a></li> 
        <li id="link"><a href="#link">Link</a></li> 
       </ul> 
       </div> 
      </div> 
     </div> 
    </div> 
    </body> 
</html>

출처

2013-10-15 04:31:46

마우스를 가져 가거나 탐색을 클릭하면 빨간색 막대를 만듭니다.

답변

관련 문제