JQuery остановить анимацию
Мы можем использовать функцию jQuery stop (), чтобы остановить текущую анимацию соответствующих элементов.
Существует два варианта функции jQuery stop ().
- stop (логическое clearQueue, логическое jumpToEnd): значение по умолчанию для обоих аргументов - false. Мы можем передать clearQueue как true, чтобы остановить очередь анимация , Мы можем передать jumpToEnd как true, чтобы немедленно завершить текущую анимацию.
- stop (String queue, boolean clearQueue, boolean jumpToEnd): здесь мы можем передать имя очереди, чтобы остановить анимацию, два других аргумента такие же, как указано выше.
JQuery остановить анимацию
Вот простой пример для анимации остановки jQuery.
копия
<! DOCTYPE html> <html> <head> <title> Функция очереди jQueryClear </ title> <script src = "jquery-3.2.1.min.js"> </ script> <script> $ (document) .ready (function () {$ ("# startbtn"). click (function () {$ ("div"). animate ({height: 200}, 2000);}); $ ("# stopbtn"). click ( function () {$ ("div"). stop ();});}); </ script> </ head> <body> <button id = "startbtn"> Start </ button> <button id = "stopbtn"> Стоп </ button> <div style = "background: green; высота: 90px; ширина: 90 пикселей; "> </ div> </ body> </ html>
Обратите внимание, что я не передаю какой-либо параметр при вызове функции stop (), это потому, что есть только одна анимация, и я хочу, чтобы она остановилась, как только будет нажата кнопка остановки.
JQuery остановить очередь анимации
Вот пример, где очередь анимации очищается и текущая анимация также останавливается при нажатии кнопки остановки.
копия
<! DOCTYPE html> <html> <head> <title> Функция очереди jQueryClear </ title> <script src = "jquery-3.2.1.min.js"> </ script> <script> $ (document) .ready (function () {$ ("# startbtn"). click (function () {$ ("div"). animate ({height: 200}, 2000); $ ("div"). slideUp (2000); $ ("div"). slideDown (2000); $ ("div"). animate ({ширина: 300}, 1500); $ ("div"). animate ({height: 100}, 1500); $ (" div "). animate ({width: 100}, 1500);}); $ (" # stopbtn "). click (function () {// $ (" div "). clearQueue (); $ (" div ") ) .stop (true, false);});}); </ script> </ head> <body> <button id = "startbtn"> Start </ button> <button id = "stopbtn"> Стоп </ button> <div style = "background: green; высота: 90px; ширина: 90 пикселей; "> </ div> </ body> </ html>
На рисунке ниже показана вышеуказанная программа в действии.
Это все для функции jQuery stop () и примера остановки анимации jQuery.
Ссылка: API Doc
О Панкадж
Я люблю технологии с открытым исходным кодом, и рассказывать о своем опыте с ними - моя страсть. Вы можете связаться со мной напрямую на facebook , щебет , а также YouTube ,
Похожие
Как остановить Windows 7 от открытия ссылки в Microsoft WordВаш компьютер с Windows 7, когда он был совершенно новым, включал набор программ и конфигураций по умолчанию, которые он использовал для обработки файлов определенных типов и протоколов. Однако со временем, по мере того, как вы устанавливаете новые программы и вносите изменения в свой компьютер, эти начальные настройки можно постепенно менять в соответствии с вашими предпочтениями. Хотя обычно это предполагает выбор нового веб-браузера или использование другой программы для просмотра изображений, Как сгенерировать XML из XSD в Eclipse
... отаете на веб-сервисы Вы, должно быть, использовали XSD. Чтобы протестировать веб-сервис, вам нужно сгенерировать XML из файла XSD. Мы можем использовать Eclipse IDE для простой генерации XML из файла XSD. Просто выполните следующие шаги, чтобы получить XML из XSD. Выберите XSD-файл в проекте, щелкните правой кнопкой мыши меню и выберите « Создать»> «XML-файл». Укажите Как остановить автовоспроизведение GIF-файлов в вашем браузере
Мы все были на веб-страницах, где анимация запускается автоматически без разрешения. Это преступление против человечества и должно быть остановлено. Плюс в том, что если они анимированные GIF-файлы, по крайней мере, они молчат. Но они, как правило, также загружаются очень часто, что может сильно затянуть ваше соединение, пока вы ждете. Лучше всего предотвращать анимацию без вашего разрешения. Это не всегда простая вещь, как Facebook отслеживает вас! Вот как это остановить
Реклама Кто отслеживает ваши движения онлайн? Вы бы приняли вашего провайдера и правительство. Как насчет Google? Это дано. Но как насчет социальных сетей, таких как Facebook? Ну, они тоже в действии, и они не готовы проявить прозрачность. На самом деле, в Европе Facebook неоднократно получал предупреждения об отслеживании пользователей. Бельгийский суд даже угрожал им с ежедневным 35 инструментов, скриптов и плагинов для создания красивых HTML-таблиц
... jquery/1277/html-table-jquery-code-examples"> Таблица jQuery Snippets Эти удобные фрагменты вместе с простыми объяснениями помогут вам разработать интерактивные таблицы. Например, эти фрагменты позволяют динамически добавлять строки, получать значения ячеек и т. Д. Материальные иконки дизайна, вкусности и стартовые наборы
Об авторе Свен является соучредителем и бывшим генеральным директором Smashing Magazine. Он пишет на своем Блог Conrest где он фокусируется на блогах, контент-стратегии, написании и публикации ... Подробнее о Свене ... Всегда здорово иметь небольшой набор инструментов с нужными инструментами, которые ждут вас, когда они вам нужны. Что, если вы собираетесь начать Как насчет Google?
Но как насчет социальных сетей, таких как Facebook?