Бегущая строка

⇐ Предыдущая 7 8 9 101112 13 14 15 16 Следующая ⇒

Горизонтальная линия

Простой новый тег <hr> рисует в окне горизонтальную линию, не требует закрывающего тега. Часто применяется при верстке страницы в качестве декоративного элемента.

Имеет ряд атрибутов, align -выравнивание с одним из трёх значений (center, left, right) может быть применен, если задана длина линии атрибут width в пикселях или процентах. Так же можно задать толщину линии атрибут - size, цвет атрибут - color, и при необходимости отключить тень линии noshade.

Пример:

<html>
<head>
<title>Горизонтальная линия</title>
</head>
<body>
Это просто линия по умолчанию: <hr>
<hr>
Это линия без тени: <hr noshade >
<hr noshade>
Это линия окрашенная в кранный цвет: <hr color="#ff0000">
<hr color="#ff0000">
Линия длиной 250 пикселей: <hr width="250">
<hr width="250">
Линия длиной 250 и толщиной 5 пикселей: <hr width="250" size="5">
<hr width="250" size="5">
Линия длиной 500, толщиной 50, синяя: <hr width="500" size="50" color="#0000ff">
<hr width="500" size="50" color="#0000ff">
Примеры выравнивания:
<hr align="left" width="250" size="5">
<hr align="center" width="250" size="5">
<hr align="right" width="250" size="5">
<hr>
</body>
</html>

По моему достаточно просто и эффективно.

Тег <marquee> заставляет текст помещённый в него двигаться в том или ином направлении, проще говоря делает его бегущей строкой. Бегущая строка имеет ряд настроек скроллинга, которые задаются следующими атрибутами:

behavior - определяет тип скроллинга, может иметь следующие значения:

· alternate - колебательные движения от края к краю

· scroll - прокручивание текста. текст будет выходить за рамки экрана и снова появляться с противоположной его стороны

· slide - прокручивание текста c остановкой.

scrollamount - скорость бегущей строки от 1 до 10.
loop задает количество прокруток бегущей строки.

direction - направление движения текста. значения:

· up - вверх,

· down - вниз,

· left - влево,

· right - вправо.

bgcolor - цвет фона бегущей строки,
height - высота строки,
width - ширина строки.

Пример:

<html>
<head>
<title>Бегущая строка</title>
</head>
<body>
<div align="center"><h2>Бегающие строки</h2></div>
<marquee> Бегущая строка по умолчанию </marquee>
<marquee direction="right"> Бегущая строка слева направо </marquee>
<marquee behavior="alternate"> Бегущая строка бегает от края к краю </marquee>
<marquee scrollamount="10"> Бегущая строка со скоростью 10 </marquee>
<marquee scrollamount="1"> Бегущая строка со скоростью 1 </marquee>
<marquee direction="right" loop="2"> Эта строка будет прокручиваться только два раза </marquee>
<marquee behavior="slide"> Бегущая строка с остановкой </marquee>
<marquee bgcolor="#b40000"> Бегущая строка с фоном </marquee>
<marquee width=400> Бегущая строка с ограничением ширены прокрутки </marquee>
<marquee direction="up"> Бегущая строка снизу вверх </marquee>
<marquee hspace="300"> Бегущая строка с отступами от границ </marquee>
</body>
</html>

Ну думаю, сами разберётесь, что к чему. Попробуйте использовать различные сочетания атрибутов для достижения нужного Вам эффекта. Добавлю лишь то, что с текстом бегущей строки можно делать то же самое, что и с обыкновенным текстом: менять размер, цвет, стиль, шрифт, сделать фразу из строки ссылкой.. прописывая нужные теги внутри тега <marquee>

⇐ Предыдущая 7 8 9 101112 13 14 15 16 Следующая ⇒

Поделиться с друзьями:

Дата добавления: 2014-10-31; Просмотров: 302; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.008 сек.