HTML и CSS. Изучение языков и web-технологий HTML и CSS. Изучение языков и web-технологий

Черновик изучения языков и web-технологий: HTML и CSS

 
Мистический роман
БЛИЗКАЯ ДАЛЬ
Татьяны Катушонок

Купить в магазинах:
Близкая даль
Близкая даль
Близкая даль
Близкая даль
Близкая дальБлизкая даль
Озарение души
Сборник стихов Татьяны Катушонок
Осознание красоты спасет мир
Web technologies and programming languages
Web технологии и языки
PHP
Изучаем PHP
Клиент-сервер
XML - XSLT
Изучаем XML
Преобразования
Javascript и AJAX
Три кита
Листенеры
HTML и CSS
Размещение данных на странице
Бегущий текст
Эффект прозрачности для изображений в тексте поста

Бегущий текст
четверг, 12 ноября 2009 г.
Просто рабочий конспект

MARQUEE - довольно интересный тег, который часто используется на страницах.
В переводе - маркер, инструмент для выделения текста.

Например, если список достаточно длинный, то его можно сделать прокручивающимся в окне - вверх, вниз, вправо, влево, просто колеблющимся.

К сожалению, он не читается стандартным. Его вообще нет в спаецификации w3c.
Тег был создан Microsoft для своего браузера. Утверждается, что его поддерживают основные  браузеры.

Для того, чтобы список останавливался при наведении мыши на область прокрутки, добавляются две функции на события onMouseOver и onMouseOut:

< marquee behavior="scroll" direction="up" onmouseout="this.start();" onmouseover="this.stop();" >
....
marquee list </marquee>

Получается вот такой бегущий список:



.....

Перемещаем мышь  на область бегущего текста - движение останавливается, перемещаем за пределы - опять бежим...
Firefox тоже поддерживает этот тег. Но с некоторыми странностями.
Например, если, направление (direction) прописать в тексте html - всё работает красиво по всем направлениям.
Но если менять направление налету - как это сделано кнопочками в моём примере,
то не всё так прекрасно. Хотя в Miscrosof IE - всё работает чисто.

Приходится это просто учитывать.

Ещё одна особенность.
Высота (длина списка) для тега marquee первоначально считается самим браузером.
То есть этот тег не наследует свойство height из родительского элемента (например - div).
Поэтому высоту height надо указывать обязательно, чтобы красиво вписаться в родительский элемент.

Да, конечно, эффект бегущей строки (бегущего списка), можно реализовать с помощью javascript. При острой необходимости это и придётся делать. Но там, где тег marquee работает корректно - можно не заморачиваться.

Лучше было бы сделать его стандартным в W3C. Может, когда-нибудь это и произойдёт...

Ярлыки: , , ,

Подпишись на новости HTML и CSS по e-mail
posted by Sergey @ 06:37  
0 Comments:

Отправить комментарий

<< Home
 
Близкая даль
Подпишись на новости Javascript и AJAX письмом:

Напишите ваш e-mail :

Delivered by FeedBurner

Предыдущий пост
Архив
Линки
Статистика

Subscribe in a reader

Powered by FeedBurner

BLOGGER

© HTML и CSS. Изучение языков и web-технологий