이 페이지에서

Question

: http://api.jquery.com/category/effects/ 당신이 '최대'또는 '아래로'넣어

이

파란색 테두리의 중간에 항상 화면,

어떻게하면 되나요?

나는 핫키 lib에 있습니다 http://www.openjs.com/scripts/events/keyboard_shortcuts/

감사

Answer 1

1. 캐치 KeyUp 이벤트 및 키 코드를 확인합니다.

2. keycode가 40 인 경우 첫 번째 li 요소에 클래스를 추가하십시오 (테두리 스타일 세트 사용).

3. 다음 keyup에서 이전 li 요소에서 클래스를 제거하고 키 코드의 값에 따라 다음 또는 이전 li에 추가합니다. keycode가 40 (아래쪽 화살표)이면 클래스를 다음 li 요소에 추가합니다. keycode가 38 (위 화살표)이면 클래스를 이전 li 요소에 추가하십시오.

   var currentFocusedElem = null; 
        $(function(){ 
         $(document).keyup(function(e){ 
          if (currentFocusedElem == null) 
          { 
           currentFocusedElem = $("#ul1 li:first-child"); 
          } 
          else 
          { 
           currentFocusedElem.removeClass("blueborder"); 
   
           if (e.keyCode === 40) 
           { 
            currentFocusedElem = currentFocusedElem.next("li"); 
           } 
           else if (e.keyCode === 38) 
           { 
            currentFocusedElem = currentFocusedElem.prev("li"); 
           } 
          } 
   
          currentFocusedElem.addClass ("blueborder"); 
         }); 
        }); 
   

   같은

   는

뭔가 또한 당신은 첫 번째 요소와 마지막 요소를 확인하고 그에 따라 조치를해야 할 것입니다.