Кнопка змінює колір при наведенні миші

А тепер дивимося код лістингу 1:



Кнопка, яка змінює колір при наведенні курсор






А тепер давайте розберемося з цим кодом. У лістингу 1 Ви бачите практично готовий код web-сторінки. Умовно його можна розбити на 3 основні частини.

Як Ви зрозуміли це звичайна таблиця стилів - CSS. Відповідає за зовнішнє оформлення кнопок, при бажанні цю частину можна винести в окремий файл каскадних таблиць стилів. Змінюйте еначеніе операторів і дивіться як змінюється зовнішній вигляд кнопок.

Частина друга. Це сам скрипт, розташовується в тілі web-сторінки (між тегами і . Тут міняти нічого не потрібно!

Частина третя. Форма в якій розташовані кнопки:





На цій сторінці вище, Ви бачите три кнопки. За кожну кнопку відповідає окрема строчка. Ось код першої кнопки Відправити:

Додаючи або прибираючи таку строчку в код, добиваємося потрібної кількості кнопок, в цьому ж рядку редагується зовнішній вигляд кнопки.

Як бачите все дуже просто.

Реселінг - перспективний інтернет-бізнес.

Як навчитися створювати сайти самостійно? Це дуже просто!

Безкоштовні сервіси Поштових Розсилань.

Чому більшість людей, не досягають успіху?

Що таке Cron і як з ним працювати?

Від чого залежить швидкість завантаження web-сторінок?

уроки HTML

CSS уроки

статті

Інструменти

Шаблони сайтів

книги

прикраси

Сайт від А до Я

Заробити в інтернеті

Обман в Інтернеті

Охорона праці

МОДУЛЬНІ КАРТИНИ

PHP УРОКИ

послуги

скрипти

SEO

jQuery

Спеціальна оцінка умов праці (Соуто) - АРМ

Платіжні системи Інтернету

УРОКИ ФОТОШОП

секретний розділ

Кнопка змінює колір при наведенні миші

З нами зробити сайт
зможе навіть Дитина!
"Сайт від А до Я"
Дізнатися зараз >>>

Хочете заробити?
2-х рівнева
Партнерська програма!
Приєднуйтесь.

Модульна картина: Розкіш червоного оксамиту

Модульна картина абстракція: Енергія сонця

Модульна картина: Сині троянди

Модульна картина: Водоспад

Модульна картина: Орхідеї

Реєстрація доменів

ТОВ "ПК" ЛюксСтрой "

Якщо Вам сподобався
наш сайт, встановіть
Нашу посилання. і
Отримайте подарунки.

Схожі статті