русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

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


Дата добавления: 2015-07-09; просмотров: 613; Нарушение авторских прав


Бегущую строку на экране можно создать следующим образом

<marquee> текст </marquee>

Пример 54

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee> текст </marquee>

</body>

</html>

Атрибуты дескриптора marquee

Bgcolor

Цвет бегущей строки

 

Height

Высота бегущей строки в пикселах.

 

Align

Атрибут выравнивания, может принимать значения : top, middle, bottom.

 

Direction

Задает направление движения: left, right, up, down

 

Behavior

Определяет вид скроллинга:

alternate - Колебательные движения налево и направо

sroll - Перемещение текста в направлении, указанном в direction. Достигнув края экрана, надпись появляется снова с противоположной стороны

slide - Схоже с scroll, но текст перемещается только один раз и останавливается

 

Hspace

Горизонтальный отступ в пикселах.

 

Vspace

Вертикальный отступ в пикселах.

 

Loop

Число пробежек.

 

Scrollamount

Скорость движения (от 1 и далее) - число пикселов, проходимое строкой за один шаг.

 

Scrolldelay

Временной интервал (в миллисекундах) между шагами - строка двигается рывками.

 

Пример 55

Цвет фона бегущей строки.

 

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink"> текст </marquee>

</body>

</html>

 

Пример 56.

Цвет фона и высота поля бегущей строки

 

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="50"> текст </marquee>



</body>

</html>

 

Пример 57.

Цвет поля, высота и длина бегущей строки.

 

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="50" width="500" > текст </marquee>

</body>

</html>

 

Пример 58

Цвет поля, высота (в пикселах) и направление движения текста (вправо).

 

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="50" direction="right"> текст </marquee>

</body>

</html>

 

 

Пример 59

Цвет поля, высота (в пиуселах) и направление движения текста (влево).

 

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="50" direction="left"> текст </marquee>

</body>

</html>

Пример 60

Цвет поля, высота, ширина (в пикселах) и направление движения текста (вниз).

 

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="500" width="50" direction="down"> текст </marquee>

</body>

</html>

Пример 61

Цвет поля, высота, ширина (в процентах от размера окна браузера) и направление движения текста (вверх).

 

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="100%" width="10%" direction="up"> текст </marquee>

</body>

</html>

Пример 62

Цвет поля, высота и ширина в пикселах, направление движения текста вправо, колебательные движения.

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="30" width=”200” direction="right" behavior="alternate"> текст </marquee>

</body>

</html>

Пример 63

Цвет поля, высота и ширина в пикселах, направление движения текста вправо, скроллинг.

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="50" width="100" direction="right" behavior="scroll"> текст </marquee>

</body>

</html>

Пример 64

Цвет поля, высота и ширина в пикселах, направление движения текста вправо, один пробег до конца поля.

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="50" width="100" direction="right" behavior="slide"> текст </marquee>

</body>

</html>

Пример 65

Цвет поля, высота и ширина в процентах от размера окна, направление движения текста вверх, горизонтальный отступ от внешнего блока 100 пикселов.

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="100%" width="10%" direction="up" hspace="100"> текст </marquee>

</body>

</html>

Пример 66

Цвет поля, высота и ширина в пикселах, направление движения текста вправо, вертикальный отступ от внешнего блока 100 пикселов, колебательные движения.

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="30" width=”200” direction="right" behavior="alternate" vspace="100"> текст </marquee>

</body>

</html>

Пример 67

Цвет поля, высота и ширина в пикселах, направление движения текста вправо, вертикальный отступ от внешнего блока 40 пикселов, скроллинг, 3 прохода.

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="30" direction="right" behavior="scroll" vspace="40" loop="3" width="100"> текст </marquee>

</body>

</html>

Пример 68

Цвет поля, высота в пикселах, направление движения текста вправо, вертикальный отступ от внешнего блока 40 пикселов, скроллинг, каждый шаг – 10 пикселов.

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="30" direction="right"

behavior="scroll" vspace="40" scrollamount="10"> текст </marquee>

</body>

</html>

Пример 70

Цвет поля, высота в пикселах, направление движения текста вправо, вертикальный отступ от внешнего блока 40 пикселов, скроллинг, каждый шаг – 10 пикселов, задержка между шагами 200 мс.

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="30" direction="right" behavior="scroll"

vspace="40" scrollamount="10" scrolldelay="200"> текст </marquee>

</body>

</html>

Пример 71

Цвет поля, высота в пикселах, направление движения текста вправо, вертикальный отступ от внешнего блока 40 пикселов, скроллинг, каждый шаг – 10 пикселов, внутри строки заголовок.

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="70" direction="right" behavior="scroll"

vspace="40" scrollamount="10" <h1> текст </h1></marquee>

</body>

</html>

Пример 69

Цвет поля, высота в пикселах, направление движения текста вправо, вертикальный отступ от внешнего блока 40 пикселов, колебательные движения 3 раза, каждый шаг – 10 пикселов, внутри строки рисунок, текст на зеленом фоне с максимальным размером шрифта, затем еще один рисунок.

<html>

<head>

<title>Первые шаги</title>

</head>

<body>

<marquee bgcolor="pink" height="30" direction="right" behavior="alternate" vspace="40" loop="20" scrollamount="10" scrolldelay="20">

<img src="orange6.jpg">

<font size="7" color="green">



<== предыдущая лекция | следующая лекция ==>
Графические навигационные карты | Это моя бегущая строка


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

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