Ви можете створити рухомий текст за допомогою JavaScript. по-перше, створіть просту HTML-сторінку, яка відображає текст, який ви хочете анімувати. Потім додайте JavaScript на сторінку, щоб створити ефект анімації. Ви можете використовувати ключові кадри CSS для анімації тексту або використовувати функцію setInterval для переміщення тексту по сторінці.
Розглянемо простий приклад, щоб продемонструвати функціональність повзунка, не передаючи жодних параметрів методу slider().
- <! …
- <html lang="en">
- <head><meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
- <title>jQuery UI Slider functionality</title>
- <!– …
- <script>
- $(функція() {
- $( "#slider-1" ).slider();
Метод jQuery slideToggle() перемикається між методами slideDown() і slideUp().. Якщо елементи були зсунуті вниз, slideToggle() зсуне їх угору. Якщо елементи були зсунуті вгору, slideToggle() зсуне їх вниз. $(селектор).
Щоб почати, відкрийте файл HTML у текстовому редакторі. Зараз розмістіть теги <marquee> перед і після тексту, щоб увімкнути переміщення тексту. За бажанням використовуйте атрибут direction у <marquee>, щоб установити напрямок руху тексту. Якщо потрібно, використовуйте атрибут поведінки, щоб змінити напрямок руху тексту.
Додайте текст до текстового поля
- На вкладці Основне у групі Вставлення натисніть кнопку Текстове поле.
- На слайді клацніть місце, куди потрібно додати текстове поле.
- Введіть або вставте текст у текстове поле.
Як анімувати текст і текстові поля
- Виберіть текст або текстове поле, яке потрібно анімувати.
- Натисніть вкладку «Вставити», а потім «Анімація» в головному меню. …
- Праворуч з’явиться панель «Рух».
- Натисніть «Додати анімацію» та виберіть ефект.