Як зробити біжучий рядок на html?

Зміст

Як зробити біжучий рядок на HTML?

Для додавання на веб-сторінку рухомого рядка необов'язково використовувати скрипти, аплети тощо. Можна скористатися засобом мови HTML - тегом marquee. Правда, проходити перевірку на дотримання веб-стандартів сторінка після цього вже не буде.

Інструкція

Рівень складності: Легко

1 крок

Як зробити біжучий рядок на HTML?

Найпростішу біжучий рядок ви отримаєте, помістивши текст бажаної довжини (в один рядок) між тегами і . Типу цього:
Повзе по екрану біжучий рядок, дивіться, яка гарна!
І всім вона буде хороша, крім одного. Повзе занадто швидко, читати не встигаєш! Напевно ви помічали щось подібне і на електронних біжать рядках, які сьогодні всюди. На деяких з них текст не повзе, а несеться алюром. Ось вже дійсно, не просте рядок, а біжить! Треба б її сповільнити.

2 крок

Як зробити біжучий рядок на HTML?



Що ж, мовчимо. З закриває тегом робити нічого не треба, як і з будь-якими іншими закривають тегами в HTML. Залишимо його як є. "Пошаманити" доведеться з відкриває, додавши в нього бажані параметри. Перший з них - scrollamount. Нумо, додамо його в відкриває тег:

Що, рядок поповзла повільніше? А це тому що раніше при кожному кроці рядок порушувався відразу на 6 пікселів (таке значення цього параметра за замовчуванням, коли він не заданий), а тепер - всього на 1. Текст повзе не тільки повільно, але і плавно.

3 крок

Як зробити біжучий рядок на HTML?

Можна зробити і по-іншому. Не змінюючи число пікселів, на яке рядок зсувається за один крок, збільшити паузу між кроками. За умовчанням вона дорівнює 85 мілісекунд. Давайте збільшимо її, наприклад, до 500, або, що те ж саме, до 0,5 секунд, використовуючи параметр scrolldelay:

Тепер рядок рухається теж повільно, але ривками - скористайтеся цим способом, якщо вам необхідний такий ефект. Не кажучи вже про те, що в відкриваючому тезі можна поєднувати обидва параметри, як scrollamount, так і scrolldelay, якщо їх значення, згідно з вашим задумом, повинні відрізнятися від заданих за замовчуванням: відповідно, 6 і 85. Успіхів вам у експериментуванні з біжать рядками на своїх веб-сторінках.







» » Як зробити біжучий рядок на html?