테이블에서 아무스 오버 시 해당 레코드 색상 변경

오늘은 asp에서 리스트 페이지에서 보면 마우스 오버 시 한줄이 선택이 되는 것처럼 색상이 변경이 되어 보이는 사이트를 보셨을 건데

 

어떻게 하는지에 대해 간단한 방법으로 할 수 있는 방법을 소개합니다.

 

공용 asp 파일에서 

 

tr_color = "#FFFFFF"

tr_roll = "onmouseover='this.style.backgroundColor=""#CCCCEE"";return true;'  onmouseout='this.style.backgroundColor="""&tr_color&""";return true;' "

 

위와 같이 해 놓고,  (보면 기본 배경은 흰색, onmouseover 시 CCCCEE 색상으로 변경 onmouseout 시 기존 정의된 배경인 FFFFFF 으로 변경

 

입니다.

 

그래서 db에 읽어서 

 

<tr align="center" height="25" <%=tr_roll%>>

 

위같이 넣어만 놓으면 마우스 이동 시 해당 레코드 한줄이 선택되게 됩니다.

 

가장 간단히 할 수 있는 방법입니다.

 

 

 

#마우스오버 #색상변경 #자바스크립트 #테이블