чилка HTML

Динамический HTML

Пример 1. Изменение свойств при совершени события - "наведение курсора"

WEB - страница

Код в документе HTML

Изменение при наведении Эта строка динамически изменяет свой цвет При наведении мыши на эту строку курсор принимает вид "рука" Это пример текста с использованием стилей  Ссылка с применением класса

<b><h1 onmouseover="this.style.color='Red';">Измение при наведении</h1></b> <H4 onmouseover="this.style.color='red';" onmouseout="this.style.color='black';">Эта строка динамически изменяет свой цвет</H4> <H3 STYLE="color: green; cursor: hand">При наведении мыши на эту строку<br> курсор принимает вид "рука"</H3> <H5 STYLE="font-size: '20px'; font-weight: bold; cursor: size; background-color: Salmon; color: black">Это пример текста с использованием стилей</H5> <A HREF="http://data.mooseum.ru/" class=myStyle>Ссылка с применением класса</A> Описание заданного стиля для нашей ссылки: .myStyle {color: Purple; font-style: italic; font-size: 14pt; text-decoration: none}

Пример 2. Изменение с применением "Класса"

Наведи на меня мышь, чтобы посмотреть, как классы динамически меняются

<H1 class=textBlack onmouseover="this.className='textRed'" onmouseout="this.className='textBlack'"> Наведи на меня мышь, чтобы посмотреть, как классы динамически меняются</H1> Стиль: .textRed{color: red} .textBlack{color: black}

Пример 3. При наведении мыши на ячейку в таблице менялся ее цвет

Ячейка 1 Ячейка 2

<table> <tr> <td onmouseover="this.bgColor='#a9d3d3'" onmouseout="this.bgColor='#ffffff'"> Ячейка 1 </td> <td onmouseover="this.bgColor='Pink'" onmouseout="this.bgColor='#ffffff'"> Ячейка 2 </td> </tr> </table>