| |
|
|
| | Есть таблица. Как сделать так, чтобы при наведении курсора на текст в одной из строк таблицы/<tr>, менялся фон этой строки? | |
| |
|
|
| |
|
|
| |
для: beowulf
(31.08.2005 в 20:47)
| | |
tr:hover {
background-color: #E3E5E3;
}
|
Только неработает в IE :) Для этого лучше использовать тег a, если конечно он используеться. | |
| |
|
|
| |
|
|
| |
для: Akira
(31.08.2005 в 21:59)
| | | a можно это сделать в IE не используя тег <а> ? | |
| |
|
|
| |
|
|
| |
для: beowulf
(31.08.2005 в 22:14)
| | |
<html>
<title></title>
<head><STYLE>
<!--
tr { background-color: #DDDDDD}
.initial { background-color: #DDDDDD; color:#000000 }
.normal { background-color: #CCCCCC }
.highlight { background-color: #8888FF }
//-->
</style>
</head>
<table border="0" cellspacing="0" bgcolor="#CCCCCC" cellpadding="0">
<tr>
<td bgcolor="#FFCC00" WIDTH="100"><b>Brand</b></td>
<td bgcolor="#FFCC00" WIDTH="100"><b>Dimensions</b></td>
<td bgcolor="#FFCC00" WIDTH="100"><b>Price</b></td>
<td bgcolor="#FFCC00" WIDTH="100"><b>Size</b></td>
<td bgcolor="#FFCC00" WIDTH="100"><b>Color</b></td>
<td bgcolor="#FFCC00" WIDTH="100"><b> Type</b></td>
<td bgcolor="#FFCC00" WIDTH="100"><b>Comment</b></td>
</tr>
<tr
onMouseOver="this.className='highlight'"
onMouseOut="this.className='normal'">
<td>Row A</td>
<td>200x300</td>
<td>$200,000.00</td>
<td>small</td>
<td>white </td>
<td>good</td>
<td>2 doors</td>
</tr>
<tr
onMouseOver="this.className='highlight'"
onMouseOut="this.className='normal'">
<td>Row B</td>
<td>256x1000</td>
<td>$232,300.00</td>
<td>large</td>
<td>yellow </td>
<td>good</td>
<td>nice</td>
</tr>
<tr class="initial"
onMouseOver="this.className='highlight'"
onMouseOut="this.className='normal'">
<td>Row 3</td>
<td>543x300</td>
<td>$122,111.00</td>
<td>medium</td>
<td>yellow </td>
<td>good</td>
<td>expensive</td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: codexomega
(31.08.2005 в 22:47)
| | | Да, этот скрипт работает в любом браузере. | |
| |
|
|
