javascript 학습 노트 (2) 마우스 가 지나 갈 때 div 블록 의 배경 색 코드 를 변경 합 니 다.

HTML 부분 코드:

javascript 부분 코드:
마우스 가 지나 갈 때 li 에 class = "current" 클래스 를 추가 하고 마우스 가 떠 날 때 이 종 류 를 제거 하여 배경 색 을 바 꾸 는 목적 을 달성 합 니 다.

 
  
window.onload = function() { 
  
var lis = document.getElementsByTagName("li"); 
  
for (var i=0; ilis[i].onmouseover = function() { 
  
this.setAttribute("class", "current"); 
  
} 
  
lis[i].onmouseout = function() { 
  
this.setAttribute("class", ""); 
  
} 
  
} 
  
} 
  
 
 

css 부분 코드:

 
  
ul li.current { 
  
background-color:red; 
  
cursor:pointer; 
  
} 
  
 
 

위의 코드 는 주로 여러분 이 js 를 더 많이 인식 할 수 있 도록 하 는 것 입 니 다. 다음은 css 가 실현 하 는 버 전 을 제공 합 니 다.
ul li: hover {background - color: red; cursor: pointer;}

마우스 가 지나 갈 때 배경 색 바 꾸 기

마우스 가 지나 갈 때 배경 색 바 꾸 기

마우스 가 지나 갈 때 배경 색 바 꾸 기

마우스 가 지나 갈 때 배경 색 바 꾸 기

[Ctrl + A 전체 주석: 외부 Js 를 도입 하려 면 새로 고침 이 필요 합 니 다.]