;"> Цей рядок почервоніє
Цей простий приклад ілюструє доступ до властивості color елемента H1. Вся дія, власне, відбувається у вираженні onmouseover = "this.style.color = 'red'"; Це вираз мови JScript означає, що при походженні події onmouseover об'єкт, з яким сталася подія (this-це), його безліч style і властивість у цьому безлічі - color повинно поміняти своє значення на 'red'. (Зауважте, що red пишеться в одинарних лапках. Це означає, що red - символьний рядок, а не яка-небудь змінна)
Щоб при виході із зони об'єкта, він знову міняв свій колір, наприклад назад, використовуйте подія onmouseout.
Цей рядок динамічно змінює свій колір
Можете спробувати використати подію onclick, яке відбувається при натисканні миші на об'єкті.
Тепер, ви можете реально використовувати цей момент, наприклад у посиланнях. Додайте наведений вище код до об'єкта . br/>
7.3 Установка стилю об'єкта
Ми навчилися динамічно змінювати стилі. Але це ще не найголовніша можливість, яка надається DHTML. А що, якщо вам не подобається стандартний стиль оформлення сторінки, який використовує Internet Explorer? Чому посилання завжди повинні мати синій колір, а шрифт розмір в 16 пікселів? Чи не можна як-небудь змінити це? Можна! І потрібно! Якщо ви хочете, щоб ваші сторінки відрізнялися від множесто інших, виділялися чимось незвичайним і максимально діяли на сприйняття їх відвідувач, використовуйте нестандартні стилі! Але це не означає, що ви повинні всі свої повідомлення писати кислотно жовтим кольором, тут вже справа смаку, головне те, що Dynamic HTML дає можливість використовувати свою фантазію, надаючи багатющий опцій. p align="justify"> Так як же встановити нестандартний стиль об'єкта? Насамперед через властивість STYLE. p align="justify">
Наведи на мене мишу
Цей рядок буде виводити на екран об'єкт
зеленого кольору, причому курсор, при наведенні на нього буде змінювати свій вигляд на "руку", яка зазвичай сигналізує те, що цей об'єкт можна " клацнути ".
Тут, об'єкту були встановлені дві властивості, подібним чином можна міняти всі властивості, які підтримує об'єкт. Наприклад:
Це приклад використання стилів
7.4 Класи
Стилі можна встановлювати не тільки таким чином. Дуже зручно використовувати для встановлення стилів об'єктів класи. Під класом тут мається на увазі набір якихось властивостей і їх значень, об'єднаний в один клас. Класу привласнюється ім'я, а потім весь цей набір властивостей можна встановити для будь-якого конкретного об'єкта. Це дуже зручно, якщо, наприклад, у вас є кілька посилань і для кожної з них треба встановити червоний колір тексту і ніжно-блакитний колір фону, а також жирний шрифт, то не треба мучити себе і набивати кожного разу ці установки у властивості Style кожного об'єкта, зробіть таким чином:
Посилання із застосуванням класу
Тут наведено приклад використання класу, він же набір властивостей. Клас визначається в блоці за допомогою блоку Таких класів може бути визначено безліч і у них можуть бути будь-які дозвільні імена. br/>
7.5 Зміни стилю через Script-мова
Це ще не всі способи зміни стилю. На самому початку цієї глави, ми вчилися динамічно змінювати стилі. Давайте розглянемо ще один спосіб зміни, тепер, через об'єкт . Якщо ви не особливо розберетеся, про що піде далі мова, скористайтесь цим посиланням. p align="justify"> Отже, щоб змінювати стилі об'єкта, над яким сповниться дію, напишемо функцію. Написання функцій також корисно, коли над безліччю об'єктів треба виробляти однакові дії. Почнемо як завжди з простого, наприклад, зі списків. Подивіться на наступний код:
changeStyle (object) {(object.style.color == 'black'). style.color = 'orange&...
