IT技术 - 如何将来自 jsfiddle.net 的代码放入我的网站？ - 吾爱随笔录

我一直试图在我的网页底部创建一个小框，它会在滚动时展开/弹出，然后在鼠标移开时再次关闭。

我发现这篇文章带有 jsfiddle.net 的链接（我一直在摆弄它），并创建了一些在 JSFiddle 上查看时完全符合我想要的东西。但是当我在我的网站上弹出它时我无法运行它（我认为这可能与onLoad设置有关，但我真的不确定）。

这是我在 JSFiddle 中创建的：

$('#box').hover(function() {
  $(this).animate({
    height: '220px'
  }, 150);
}, function() {
  $(this).animate({
    height: '20px'
  }, 500);
});

#box {
  position: absolute;
  width: 300px;
  height: 20px;
  left: 33%;
  right: 33%;
  min-width: 32%;
  bottom: 0;
  background-color: #000000;
}

<div id="box"></div>

这在 JSFiddle 中工作正常，但当我尝试将代码插入我的文件并将它们链接在一起时就不行了。如果我的jsfiddle下拉框中从改变onLoad或onDomReady到别的，它停止工作，但代码不会改变。所以我想我必须为此在某处添加其他东西。

正如您可能猜到的那样，当涉及到 JavaScript 时，我是一个完全的新手，所以我很肯定我没有做正确的事情。

有人可以告诉我如何保存 JavaScript 代码并将其链接到我的网页，这样它就可以像在 JSFiddle 上一样工作吗？