我是jQuery的初学者,请帮我理解这段代码

时间:2015-08-13 10:09:14

标签: jquery

这个功能是做什么的?

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

5 个答案:

答案 0 :(得分:8)

当您在topRise()的任何地方致电js时,它将animate / move具有名为topRise的类的元素,并且移动将发生在-900px {1}}到top这将在25000毫秒的范围内发生,即 25秒。回调topSet是一个动画完成25秒后执行的函数

答案 1 :(得分:5)

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

它将top的任何元素的class="topRise"属性设置为超过25000毫秒(25秒)的值“-900px”,即它将它们向上移动,然后它调用另一个名为topSet的函数完整。

答案 2 :(得分:4)

jQuery选择适当的DOM元素,在本例中为class'topRise'的元素:

$(."topRise")

调用jQuery animate()函数,提供一些要设置的CSS属性:

{top: "-900px"}

动画的持续时间,以毫秒为单位:

25000

完成时调用的回调函数

topSet

把它们放在一起:

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

有关jQuery animatejQuery selectors的更多信息 xAxis.tickPositions

答案 3 :(得分:3)

这个功能有什么作用?

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

看你的函数有一个jQuery选择器和一个名为.animate()的方法。

所以逐行了解:

  1. $(".topRise")是选择器,它是类名为topRise的元素。
  2. .animate()用于动画元素的css属性。
  3. top:"-900px"这里你的元素应该是动画回到顶部。
  4. 25000是拍摄动画的时间。
  5. topSet是一个回调函数,在动画结束时被调用。

答案 4 :(得分:2)

通过运行25000毫秒的动画,它会将css属性顶部设置为-900px,用于标记具有.topRise类的标签,然后它将调用topSet,这是一个回调函数

请点击此处了解更多信息:http://api.jquery.com/animate/