На двох сторінках. Сторінка 1. На наступну >>>
Отже, сьогодні на порядку денному нова тема: як зробити біжучий рядок на web-сторінці? Та дуже просто! Цей урок буде, напевно, найлегшим з усіх, які Ви бачили на моєму сайті. Робиться рядок за допомогою html-тега marquee. Вміст рухомого рядка поміщається в контейнер з тегів . Рядок створюється без застосування скриптів, тому не впливає на час завантаження сторінки. Є думка, що біжить рядок може викликати роздратування у відвідувачів сайту і в професійному веб-дизайні застосовується не часто.
При розміщенні біжучого рядка на вашій сторінці буде використовуватися тег marquee. який не входить в специфікацію HTML і код сторінки з його використанням не пройде валідацію!
Варіант №1 (найпростіший)
Необхідний матеріал укладаємо в тег marquee:
У підсумку ми бачимо не що інше, як біжить посилання.
варіант №2
Можна спробувати варіант рядка, що біжить тільки з картинкою (банером) або з картинкою (банером) разом з текстом. Для цього потрібно вставити html-код картинки (банера) або поєднання картинки і посилання всередину тега marquee:
Крім усього, картинка тут працює як банер, а рядок, що біжить так само є посиланням, при кліці на яку Ви переходите на сторінку анекдотів.
варіант №3
Перший і другий варіанти, як бачите, не позбавлені недоліків. Рядок поширюється на всю ширину сторінки, вона не має власного фону, містить мінімум наочної інформації, тому, її можна урізноманітнити зміною параметрів, включенням зображень і додання нових ефектів показу (ширина, висота, фон, вирівнювання по центру, швидкість і напрямок руху, тимчасової інтервал, число проходів). Спробуємо додати деякі параметри:
- width = "600" - ширина поля рядка, що біжить в пікселах. Коли ми її непроставляється, рядок займала максимум ширини сторінки.
- height = "80" - висота поля в пікселах.
- bgcolor = "# ADD8E6" - колір фону.
- direction = "down" - напрямок руху рядка, в нашому випадку зверху вниз.
Можливі варіанти:
right - зліва направо;
left - справа наліво;
up - від низу до верху, down - зверху вниз. Якщо цей атрибут не вказаний, за замовчуванням буде матися на увазі атрибут left. - scrollamount = "2" - визначає швидкість рядка. Залежність прямо пропорційна, чим більше значення, тим більше швидкість.
На двох сторінках. Кінець сторінки 1. На наступну >>>