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 | ||
|
Кроме того, материал перепечатывали с сайта на сайт, ставили... файл можно найти на Вэбочке (название tables_tablichki_dli_foruma.js).