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

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

Как сделать на сайте бегущую строку

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

 

Related posts

 
 

Leave a Reply

Ваш e-mail не будет опубликован. Обязательные поля помечены *

http://poradumo.com.ua/214997-iak-zrobiti-na-saiti-bijychii-riadok/