Як зробити рухому рядок (html) - html, css, js, jq - статті - каталог статей

Як зробити рухому рядок (html) - html, css, js, jq - статті - каталог статей

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

- Команда behavior = "" - створює або визначає рух тексту.
- Команда scroll робить так. що б рядок. досягнувши краю. з'являлася з протилежного краю.
- Команда alternate дозволяє рядку рухатися зліва направо і досягнувши кінця - рухатися назад.
- Команда slide робить так. що б рядок. досягнувши краю. зупинялася. - Команди down. up. left. right дозволяють рядку рухатися вниз. вгору. вліво і вправо.

Тепер розглянемо це на прикладі.

200? '200px': '' + (this.scrollHeight + 5) + 'px'); "> Всім привіт


У цьому прикладі рядок рухається справа наліво.

200? '200px': '' + (this.scrollHeight + 5) + 'px'); "> Всім привіт


Тут від низу до верху

200? '200px': '' + (this.scrollHeight + 5) + 'px'); "> Всім привіт


Тут зверху вниз

200? '200px': '' + (this.scrollHeight + 5) + 'px'); "> Всім привіт


Тут зліва направо.

200? '200px': '' + (this.scrollHeight + 5) + 'px'); "> Всім привіт


У цьому прикладі рядок рухається справа наліво і при цьому зупиняється біля краю.
Але рух можна використовувати не тільки на тексті. але і на зображенні.
Розглянемо приклад.

200? '200px': '' + (this.scrollHeight + 5) + 'px'); ">
Як зробити рухому рядок (html) - html, css, js, jq - статті - каталог статей


Тут зображення рухається зліва направо.

І так в цьому уроці ми навчилися робити рухому рядок. змінювати напрямок її руху і рухати зображення.

Дякуємо за увагу.

Схожі статті