如何创建鼠标移动-javascript？

我是个编码初学者。 我想在这一页上做些有效的事情-

我使用这个网站的脚本和GreenSock GSAP动画库。但我无法将此连接到我的网站。这是我的html：

  <div id="container">
    <canvas id="demo-canvas" width="1400" height="622"></canvas>
  </div>

当我使用这个javascript代码时，我得到了这个错误“TypeError:largeHeader为null”

如何正确使用此效果？

您的代码也是这样吗

• a） 在
  元素的末尾，或
• b） 包装在DOM就绪处理程序中

否则，您将在DOM元素存在之前引用它

这是为DOM就绪（具有本地作用域的快捷方式处理程序

$

）包装它的一种方法：

注:

• 传统的DOM就绪处理程序是

  $（document）.ready（function（）{YOUR code}）但是快捷方式更好

• 还可以使用

  var

  声明局部变量。否则，它们会污染全球范围

您的代码是a）在body元素的末尾，还是b）包装在DOM就绪的处理程序中？否则，您将在DOM元素存在之前引用它。

largeHeader = document.getElementById('container');
    largeHeader.style.height = height+'px';

    canvas = document.getElementById('demo-canvas');
    canvas.width = width;
    canvas.height = height;
    ctx = canvas.getContext('2d');

jQuery(function($){
    var largeHeader = document.getElementById('container');
    largeHeader.style.height = height+'px';

    var canvas = document.getElementById('demo-canvas');
    canvas.width = width;
    canvas.height = height;
    var ctx = canvas.getContext('2d');
});