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

Найпростіший спосіб вставки рядка, що біжить в сторінку сайту - скористатися готовим до використання HTML-кодом, якій безкоштовно надають багато інтернет-ресурси. Цей варіант буде оптимальним, наприклад, якщо вам потрібно помістити на сторінки свого сайту новинну стрічку, біржові котирування, інформацію ігрового порталу і т.д. У цьому випадку потрібно знайти на сторінках обраного інтернет-ресурсу готовий код, скопіювати і вставити в потрібне місце HTML-коду сторінки свого сайту. Такий варіант зручний не тільки тим, що від вас не буде потрібно знання скриптів, які створюють біжучий рядок, але також не доведеться турбуватися про наповнення інформацією такої стрічки - це буде робити автоматично той сайт, звідки взятий код рядка, що біжить. Якщо ж наповнювати біжучий рядок вам необхідно власною інформацією або картинками, доведеться самостійно скласти її код. Найпростіше це зробити з використанням спеціального тега мови HTML - marquee. Він складається з відкриває і закриває частин, в першій з якої вказується додаткова інформація - атрибути. Це службові дані, які повідомляють браузеру відвідувача яким шрифтом і кольором треба відображати текст біжучого рядка, в яку сторону має бути направлено рух, ширину, висоту і фон вікна цього рядка і т.д. А між відкриває і закриває тегами і поміщається сам текст новинної стрічки. Наприклад, в найпростішому варіанті код може виглядати так: це текст біжучого рядка Тут вказані лише ширина і висота блоку в пікселах (атрибути width і height) і прокручуваний текст. Напрямок переміщення задається атрибутом direction, якому можна присвоїти одне з чотирьох значень англійською мовою (right, left, up, down). За замовчуванням текст біжучого рядка закільцьованим - до його закінчення прикріплено його ж початок, яке буде переміщатися в тому ж самому напрямку. Якщо використовувати атрибут behavior зі значенням alternate, то текст, дійшовши до правої межі вікна, змінить напрямок на протилежне і буде нескінченно відскакувати від двох протилежних сторін (лівої і правої або верхньої і нижньої). Ще один важливий атрибут рядка, що біжить - scrollAmount. Він задає швидкість переміщення тексту в відносних одиницях - 1 означає повільне переміщення, 2 - трохи швидше і т.д. За допомогою атрибутів можна задавати затримку перед початком прокрутки рядка, що біжить, кількість циклів і паузу між ними, відступи від тексту до кордону віконця цього елемента.