2011-01-08 3 views
0

이것은 내 테이블입니다.테이블 행의 Onmouseover 색 변경

<?php 

while(($result = mysqli_fetch_assoc($query))){ 
echo '<tr>'; 
echo '<td>'; 
echo $result['serial']; 
echo '</td>'; 
echo '<td>'; 
echo $result['address']; 
echo '</td>'; 
echo '<td>'; 
echo '<a href="profile-display.php?name='.$result['name'].'">'.$result['name'].'</a>' ; 
echo '</td>'; 
echo '<td>'; 
echo $result['postal']; 
echo '</td>'; 
echo '<td>'; 
echo $result['website']; 
echo '</td>'; 
echo '</tr>'; 
} 

?> 

사용자가 마우스를 한 행 위로 움직이면 색이 변경되기를 원합니다. 당신이 IE 6를 지원 할 필요가없는 경우

+0

을 지금까지 시도 무엇입니까? Btw. PHP는 HTML에 PHP를 내장 할 경우 훨씬 더 읽기 쉽고 유지할 수 있습니다. –

+0

html을 반향 출력하지 마십시오. 템플릿 엔진을 사용하거나 만 사용하십시오. 코드를 이해하기가 어렵습니다. –

답변

5

, 당신의 CSS에 이것을 추가 :

table tr:hover { 
    background:orange; 
} 
+1

잡았어. 두렵다. – sarthak

+0

@ryan : 천만에. – user113716

+1

@ryan : 도움이 되었다면이 대답을 "수락"하십시오. 감사. :영형) – user113716

1

<tr> 태그 <tr onMouseOver="this.bgColor='#EABF4E';">를 확인하거나, CSS에서 table tr:hover를 사용합니다.

1

나는 약간의 멍청한 놈이다. 그러나 나는 당신이 테이블 행에 클래스를 줄 필요가 있다고 생각하고 그 클래스에 CSS 파일에 hover 속성을 부여해야한다고 생각한다.

지금처럼 테이블 행에 클래스를 추가

echo '<tr class="highlighter">'; 

당신은 당신이 당신의 CSS 파일에 같은 이름을 사용할 수 있는지 확인하십시오, 그것은 아무것도 이름을 지정할 수 있습니다. 이제

, 스타일 클래스 사용자의 마우스가 가리킬 때 색상 변경의 있도록 :

.highlighter:hover { 
    background: #ffff99; 
}