带有jQuery的正弦曲线

Sinus curve with jQuery

本文关键字：曲线 jQuery 带有      更新时间：2023-09-26

我发现了这个代码片段，并有以下问题：

  1. 在函数（p）中，p代表什么
  2. ｛路径：新正弦波｝这个表达是什么意思，path代表什么
  3. 什么是示例代码中的stop（）傻瓜

js小提琴在firefox-only

js

$(document).ready(function(){
window.SineWave = SineWave = function() {
  this.css = function(p) {
    s = Math.sin((p-1)*50);
    x = (100 - p*100) * 10;
    y = s * 20;
    return {top: y + "px", left: x + "px"};
  } 
}
window.loop = loop = function(){       
        $("#nyan").stop().animate(
        {path: new SineWave}, 
        50000, 
        "linear"
    );
}
loop();
});

在函数（p）中，p代表什么？

这只是一个参数名称。

然后，如果调用类似this.css(123)的函数，则p将变为123。

{path: new SineWave}是什么意思，path是什么意思代表

我创建了一个具有属性"path"的对象。

例如

var obj = {
   a: 123
}
obj.a; // 123
abj['a']; // 123

在您的情况下，该值是另一个对象（而不是数字123），它是SineWave构造函数的实例。这意味着它继承了SineWave.prototype的属性和方法。

示例代码中stop()的愚蠢之处是什么？

.stop()是一个jQuery方法，停止匹配元素上当前运行的动画。

相关文章：