Я новичок в jQuery, пожалуйста, помогите мне понять этот код

Question

Что делает эта функция?

function topRise() { 
     $(".topRise").animate({ 
      top: "-900px" 
     }, 25000, topSet); 
}; 

Answer 1

function topRise() { 
     $(".topRise").animate({ 
      top: "-900px" 
     }, 25000, topSet); 
}; 

Он одушевляет top свойства любых элементов с class="topRise" до значения «-900px» за 25000 миллисекунд (25 секунд), то есть она перемещает их вверх, то она вызывает другую функцию, называемый TOPSET при полном ,

Answer 2

Когда вы звоните topRise() в любой точке js будет animate/move элемент/с классом по имени topRise и движение будет происходить с -900px к top, и это будет происходить в пределах диапазона 25000 миллисекунд т.е. 25 секунд. обратный вызов topSet - это функция, которая запускается после завершения 25 секунд анимации.

Answer 3

он установит свойство css top to -900px для тегов, имеющих класс .topRise, запустив анимацию на 25000 миллисекундов, тогда он будет называть topSet, который является функция обратного вызова

Пожалуйста, смотрите здесь для получения дополнительной информации:

Answer 4

что делает эту функцию делать?

function topRise() { 
     $(".topRise").animate({ 
      top: "-900px" 
     }, 25000, topSet); 
}; 

посещайте функция имеет селектор JQuery и метод с именем .animate() связанный с ним.

поэтому получить его построчно:

1. $(".topRise") является селектор, который элементы с именем класса topRise.
2. .animate() Используется для анимации css-свойств элементов.
3. top:"-900px" здесь ваш элемент должен быть анимирован назад.
4. 25000 - время, необходимое для выполнения анимации.
5. topSet - это функция обратного вызова, вызываемая при завершении анимации.

Answer 5

JQuery выбирает соответствующий элемент DOM, в этом случае элемент с class 'topRise':

$(."topRise") 

Вызывает функцию JQuery animate(), снабжая некоторые свойства CSS, которые будут установлены:

{top: "-900px"} 

продолжительность анимации в миллисекундах:

25000 

функция обратного вызова, которая вызывается по завершении

topSet 

положить все это вместе:

function topRise() { 
     $(".topRise").animate({ 
      top: "-900px" 
     }, 25000, topSet); 
}; 

Более подробную информацию о jQuery animate и jQuery selectors