» Личное дело # «
Гость!
Дата:Четверг, 23.11.2017 · Время:
04:50


Группа: "Гости"
Вы с нами:
-й день
Ваш IP: 54.224.102.26



СТАТИСТИКА TОП 5
» Последние новости » Самые отвечаемые темы » Самые популярные новости » Последние сообщения
Паяльник 60 ... 19.04.2017
Модуль МР3 д... 19.04.2017
ФЛУДИЛКА [625]
Для НОДов об... [40]
Каким антиви... [34]
Выразись на ... [17]
Ссылки на бе... [15]
Паяльник 60 В... [Просмотров: 1053]
Модуль МР3 де... [Просмотров: 173]
Тема Дата, Время Автор сообщения
Каталог мобил... 11.05.2017, 20:26
ФЛУДИЛКА 11.05.2017, 20:26
Тем кто ищет ... 11.05.2017, 20:25
История медиц... 11.05.2017, 20:25
ЕЛКИ ЛОХМАТЫЕ 19.01.2015, 17:39
Для НОДов обн... 17.01.2014, 14:58
Бесплатная ра... 01.08.2013, 10:54
СКРИПТ ДЛЯ uC... 01.08.2013, 10:54
Ключи для Ави... 24.02.2013, 16:39
Ключи для Ava... 20.01.2013, 14:00
» Новые пользователи » Лучшие журналисты » Активные форумчане
medicalclubnet 11.05.2017
bakatalygo 24.02.2016
cecfjgriandeigab 14.02.2016
cecfjgbascubblil 14.02.2016
lffqwvgadg 06.02.2016
Psih099 [140]
МИРАМАКС [127]
iracat [97]
kaw44 [41]
bianco [29]
Admin [Постов: 584]
nl08 [Постов: 325]
iracat [Постов: 161]
Alex(kz) [Постов: 62]
kontrolyor [Постов: 61]
Страница 1 из 11
Модератор форума: Admin 
Форум сайта SURGEON » WEB - мастер » Скрипты для сайтов Ucoz » Создание бегущей строки (Создание бегущей строки)
Создание бегущей строки
AdminДата: Воскресенье, 05.09.2010, 16:48 | Сообщение # 1
SURGEON
Сообщений: 584
Награды: 13
« 99 »



На счету:

ДОПОЛНИТЕЛЬНАЯ
ИНФОРМАЦИЯ

Имя:
Страна: (UA)
Пол: Мужчина
Пользователь №: 1
ICQ номер: Неизвестен
Группа: Администраторы
Регистрация: 15.11.2008

Создание бегущей строки

Code
Для создания бегущей строки есть специальный тэг: <marquee> и </marquee>  

Все, что будет размещено между этими кодами, будет "бегать".  

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

Рассмотрим на примерах:  

<marquee scrollamount="1" scrolldelay="20" width="300" height="20" bgcolor="#E9E9D1" behavior="scroll" direction="left">Бегущая строка сайта Pedsovet.su</marquee>  

scrollamount="1" – скорость движения строки. (Рекомендуется ставить скорость "1", в этом случае строка выглядит более удобочитаемо и не дёргается)  

scrolldelay="20" – Этот атрибут задаёт временной интервал между шагами бегущей строки.  

width="200" – ширина бегущей строки в пикселях.  

height="17" – высота бегущей строки. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).  

bgcolor="#E9E9D1" – Задаёт фоновый цвет бегущей строки. (Вместо E9E9D1 подставляете свой цвет).  

direction="left" – Задаёт направление движения бегущей строки. В данном случае это "left" в лево. Но также может применять значения "right" вправо, "up" вверх, "down" вниз.  

loop="2" – задаёт число проходов бегущей строки. (Если указать "2" то два раза текст проедет и больше показываться не будет, только если ещё раз обновить страницу).  

hspace="70" - Этот атрибут задает смещение в пикселах в право бегущей строки.  

vspace="70" - Этот атрибут задает пустое пространство выше и ниже бегущей строки.  

Атрибут behavior позволяет управлять свойствами движения текста, принимая разные значения:  

behavior="scroll" – Прокрутка текста (В большинстве случаев можно не указывать, т.к. текст по умолчанию всегда прокручивается).  

behavior="slide" – Прокрутка текста с остановкой.  

behavior="alternate" – Движение от края к краю.  

Для более красивого оформления бегущей строки можно выделить края подставив:  

style="BORDER: #000000 1px solid"  

Здесь #000000 это цвет, а 1px толщина границ бегущей строки в пикселях.  

Для изменения текста его нужно как обычно обставить нужными тегами и всё это поместить например в предыдущий html код бегущей строки.  

<marquee style="BORDER: #000000 1px solid" scrollamount="1" scrolldelay="20" width="200" height="17" bgcolor="#E9E9D1" align="middle" direction="left">  

<font face="Arial" size="2" color="#CC3300">Бегущая строка</font></marquee>  

Для более удобного применения бегущей строки, можно добавить в неё несколько элиментов скрипта. В примере ниже добавлено две следующие функции:  

onmouseover=this.stop(); - при наводе курсора мыши текст остановится;  
onmouseout=this.start(); - при убирании курсора мыши текст продолжит своё движение.  

Пример получившегося кода:  

<marquee onmouseover=this.stop(); onmouseout=this.start(); style="BORDER: #000000 1px solid" scrollamount="1" scrolldelay="20" width="115" height="70" bgcolor="#E9E9D1" align="middle" direction="up"><font face="Verdana" size="2">Бегущая строка</font></marquee>


Инвайт (приглашение для Letitbit): 3ff2da30be478ce69cfa8226f22ed748
 
Форум сайта SURGEON » WEB - мастер » Скрипты для сайтов Ucoz » Создание бегущей строки (Создание бегущей строки)
Страница 1 из 11
Поиск:
Счетчик тИЦ и PR


Владельцы и создатели данного сайта не несут ответственность за использование и содержание ссылок и информации, представленных на этом сайте, а также за возможное игнорирование пользователями коммерческого статуса программного обеспечения, к которому ведут ссылки, представленные на данном сайте.
Сайт оптимизирован для просмотра с разрешением 1024x768, 1280x800, 1280x1024 и 1600x1200 браузером FireFox или Opera

Часовой пояс GMT +2, время: 04:50
Для правообладателей
Все права защищены.

Design powered by SURGEON © 2017Используются технологии uCoz