Июнь
11
Категория
Комментариев: 0
Метки: Adobe, CSS, Dreamweaver, HTML
Архив по месяцам
- Провести приятный отдых на море Вас приглашают отели Одессы, цены на которые отличаются.
Изменение Цвета Ячейки Таблицы При Наведении
Если вы ищете хороший способ приукрасить свои HTML таблицы, этот HTML mouseover код, возможно, именно то, что вы ищете. Наведите указатель мыши на каждую из ячеек HTML таблицы ниже, чтобы увидеть этот HTML mouseover эффект. Цвет ячеек изменятся на указанный в HTML, когда вы размещаете свой указатель над ячейками.
Разместите следующий код в пределах тегов <tr> или <td> таблицы:
Ваш код таблицы должен выглядеть примерно так:
Текст, отмеченный жирным, замените на свои параметры цвета. Этот HTML код поможет вам улучшить представление табличных данных на ваших страничках. Однако, используя этот код, убедитесь, что текст данных будет виден на фоне ячеек таблицы и его смогут легко прочесть посетители вашего сайта.
| Данные HTML Таблицы |
| Данные HTML Таблицы |
| Данные HTML Таблицы |
onMouseover="this.bgColor=’#EEEEEE’"onMouseout="this.bgColor=’#FFFFFF’"
Ваш код таблицы должен выглядеть примерно так:
<table width="500" border="1" cellspacing="2" cellpadding="2">
<tr onMouseover="this.bgColor=’#EEEEEE’"onMouseout="this.bgColor=’#FFFFFF’">
<td>Данные HTML Таблицы</td>
</tr>
<tr onMouseover="this.bgColor=’#EEEEEE’"onMouseout="this.bgColor=’#FFFFFF’">
<td>Данные HTML Таблицы</td>
</tr>
<tr onMouseover="this.bgColor=’#EEEEEE’"onMouseout="this.bgColor=’#FFFFFF’"r>
<td>Данные HTML Таблицы</td>
</tr>
</table>
<tr onMouseover="this.bgColor=’#EEEEEE’"onMouseout="this.bgColor=’#FFFFFF’">
<td>Данные HTML Таблицы</td>
</tr>
<tr onMouseover="this.bgColor=’#EEEEEE’"onMouseout="this.bgColor=’#FFFFFF’">
<td>Данные HTML Таблицы</td>
</tr>
<tr onMouseover="this.bgColor=’#EEEEEE’"onMouseout="this.bgColor=’#FFFFFF’"r>
<td>Данные HTML Таблицы</td>
</tr>
</table>
Текст, отмеченный жирным, замените на свои параметры цвета. Этот HTML код поможет вам улучшить представление табличных данных на ваших страничках. Однако, используя этот код, убедитесь, что текст данных будет виден на фоне ячеек таблицы и его смогут легко прочесть посетители вашего сайта.
