Як зробити біжучий рядок

У тексті сайту або блогу біжучий рядок навряд чи може містити важливий текст. Внаслідок своїх специфічних рис вона погано сприймається читачем як словесна інформація, зате може підвищити настрій як елемент анімації. Ви можете оживити своє повідомлення такою деталлю, регулюючи деякі тонкощі.
Як зробити біжучий рядок

Інструкція

1
Для створення звичайної рядка, що біжить зі стандартною швидкістю вставте на початку потрібної рядки тег: lt; m a r q u e e gt ;. Тег в кінці рядка: lt; / M a r q u e e gt ;. Якщо є можливість попереднього перегляду, перевірте, чи всі вас влаштовує.
2
Для регулювання швидкості рядки замініть перший тег на новий: lt; m a r q u e e s c r o l l a m o u n t = " 1 " gt ;, де цифра - швидкість руху рядка. Одиниця - вкрай повільно, тридцять - дуже швидко.
3
Щоб рядок йшла зліва направо, перший тег знову міняємо на цей: lt; m a r q u e e d i r e c t i o n = " r i g h t " gt;
4
Рядок може рухатися знизу вгору при використанні коду: lt; m a r q u e e h e i g h t = " 5 0 " d i r e c t i o n = " u p " gt; слова lt; / M a r q u e e gt ;. Цифра - шлях рухомого рядка в пікселях.
5
Щоб при наведенні курсору рядок зупинялася, застосуєте такий код: lt; m a r q u e e o n m o u s e o v e r = t h i s. s t o p () o n m o u s e o u t = t h i s. s t a r t () gt; ваша рядок lt; / M a r q u e e gt;


6
Замість рядка, що біжить використовуйте картинку. Для цього вставте код: lt; m a r q u e e gt; lt; i m g s r c = " адреса картінікі в інтернеті " gt; lt; / M a r q u e e gt ;.

Рада 2: Як зробити біжучий рядок

Початківцю веб-майстру або блогеру напевно буде корисно знати, як за допомогою html коду зробити біжучий рядок. У вигляді рядка, що біжить можна відображати не тільки текст, а й анімовані картинки.
Як зробити біжучий рядок

Інструкція

1
Свій сайт, блог або коментар на форумі можна урізноманітнити за допомогою рядка, що біжить, яка може рухатися як ви того побажаєте. Будь-код можна правити, додаючи до тексту фарб, збільшений шрифт, курсив, закреслення і т.д. Щоб зробити потрібну вам рядок, що біжить, скористайтеся html кодом, зображеним на картинці.
2
Якщо ви хочете отримати просту біжучий рядок, що рухається зліва направо, використовуйте наступний код:
Як зробити біжучий рядок
3
Якщо вам потрібна рядок, що біжить, яка буде рухатися зліва направо і повертатися назад, використовуйте наступний код:



Як зробити біжучий рядок
4
Щоб ваша біжучий рядок зупинялася по кліку миші, використовуйте наступний код:
Як зробити біжучий рядок
5
Щоб зробити біжучий рядок в вигляді рухомої картинки, використовуйте наступний код:
Як зробити біжучий рядок
6
Щоб текст рядка біг всередині рамки, використовуйте наступний код:
Як зробити біжучий рядок
7
Щоб уявити рядок стрімко біжить по екрану, використовуйте наступний код:
Як зробити біжучий рядок


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 162
Увага, тільки СЬОГОДНІ!