23.02.2012, 14:03

Как сделать движущуюся строку ( html )




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

- Команда behavior="" - создаёт или определяет движение текста .
- Команда scroll делает так , что бы строка , достигнув края , появлялась с противолежащего края .
- Команда alternate позволяет строке двигаться слева направо и достигнув конца - двигаться назад .
- Команда slide делает так , что бы строка , достигнув края , останавливалась. - Команды down , up , left , right позволяют строке двигаться вниз , вверх , влево и вправо .

Теперь рассмотрим это на примере :
Code
<marquee behavior="scroll" direction="left">Всем привет</marquee>

В этом примере строка движется справа налево .
Code
<marquee behavior="scroll" direction="up">Всем привет</marquee>

Тут снизу вверх
Code
<marquee behavior="scroll" direction="down">Всем привет</marquee>

Тут сверху вниз
Code
<marquee behavior="scroll" direction="right">Всем привет</marquee>

Тут слева направо.
Code
<marquee behavior="slide" direction="left">Всем привет</marquee>

В этом примере строка двигается справа налево и при этом останавливается у края.
Но движение можно использовать не только на тексте , но и на изображении.
Рассмотрим пример :
Code
<marquee behavior="scroll" direction="right"> <img src="http://portal-naruto.ru/sml/naruto_happy.gif" /> </marquee>

Здесь изображение движется слева направо.

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

Спасибо за внимание !

Источник/Автор: http://portal-naruto.ru

Категория: HTML, CSS, JS, JQ | Добавил: Silver (23.02.2012) Просмотров: 3220 | Рейтинг: 4.1/8
Всего комментариев: 3
-4  
1 chelsea01   (23.02.2012 18:00) [Материал]
Аватар пользователя
эти коды у меня на форуме есть!!!не думаю, что это оригинально wink wink wink

+1  
2 Silver   (23.02.2012 19:41) [Материал]
Аватар пользователя
братиш то что на форуме она не работает обычно

+1  
3 Silver   (23.02.2012 21:22) [Материал]
Аватар пользователя
+ это для начинающих

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]