Це програма для Linux під назвою slide-element, останню версію якої можна завантажити як DependencyUpdates.zip. Його можна запустити онлайн у безкоштовного хостинг-провайдера OnWorks для робочих станцій.
Завантажте та безкоштовно запустіть онлайн цю програму під назвою slide-element із OnWorks.
Дотримуйтесь цих інструкцій, щоб запустити цю програму:
- 1. Завантажив цю програму на свій ПК.
- 2. Введіть у наш файловий менеджер https://www.onworks.net/myfiles.php?username=XXXXX із потрібним ім'ям користувача.
- 3. Завантажте цю програму в такий файловий менеджер.
- 4. Запустіть онлайн-емулятор OnWorks Linux або Windows або онлайн-емулятор MACOS з цього веб-сайту.
- 5. З ОС OnWorks Linux, яку ви щойно запустили, перейдіть до нашого файлового менеджера https://www.onworks.net/myfiles.php?username=XXXXX з потрібним іменем користувача.
- 6. Завантажте програму, встановіть її та запустіть.
СКРЕНИ:
слайд-елемент
ОПИС:
Використання JavaScript для анімації відкритого та закритого елемента традиційно не було простим завданням, особливо якщо він містить вміст динамічного розміру. Ви можете використати щось на зразок slideToggle() jQuery, але цей шлях вимагатиме від вас набагато більше коду, ніж потрібно. Іншим варіантом є використання CSS для зміни значення максимальної висоти елемента, але цей підхід сповнений довільності, і його важко добре застосувати, коли ви не впевнені, який обсяг вмісту ви анімуєте. Ця бібліотека виконує роботу за допомогою API веб-анімації, і не вимагає, щоб елементи мали фіксовану висоту. Натомість висота елементів обчислюється на основі їхнього вмісту, а потім застосовуються відповідні значення, щоб запустити плавний вихідний перехід. Самі анімації створені за допомогою тієї самої механіки, яка використовується в CSS-переходах, що робить її одним із найкращих способів її досягнення з точки зору продуктивності.
Функції
- Переконайтеся, що ваш цільовий елемент налаштовано на відображення: немає
- Запустіть npm install slide-element або використовуйте CDN, наприклад unpkg
- Він маленький, гладкий і зосереджений на тому, щоб добре виконувати одну роботу: відкривати та закривати предмети
- Посуньте елементи вниз
- Посуньте елементи вгору
- Переривання поточних анімацій
Мова програмування
TypeScript
Категорії
Це додаток, який також можна завантажити з https://sourceforge.net/projects/slide-element.mirror/. Його розміщено в OnWorks, щоб його можна було найпростіше запускати онлайн з однієї з наших безкоштовних операційних систем.