0

在 Codepen 上，我发现了一个使用 Javascript、jQuery 和 canvas 元素的简洁的交互式图形使用。

http://codepen.io/altescape/pen/tbdao

注意：阅读下面的评论后，我删除了我上传的演示，甚至钢笔的作者也承认他“只是想玩”它并没有创建它。因此，我链接到它只是因为它很整洁，但未经许可使用它是一个禁忌。感谢您引起我的注意。

我想要的是把它插入到那个（我的）网站的主页上，代替前面和中心的“建设中的消息”。我对 JS 很陌生，但我对 HTML 和 CSS 很熟悉，并且了解 DOM 的基础知识......当我插入代码时，我想我能够弄清楚如何适当地调整它，但没有运气就好像它是一个 div 中的 HTML，它就像现在一样漂浮在屏幕中间。

大约90%到JS文件的底部有几行代码：

$(function () {
function n(d) {
    var b = "";
    for (jj = 0; jj < d.length; jj++) b += d.charCodeAt(jj).toString(16);
    return b
}
function p() {
    j.attr({
        height: $(window).height(),
        width: $(window).width()
    });
    k = j.width();
    l = j.height();
    q()
}

整个高度和宽度看起来很有希望，但制作和调整完全打破了它。任何人都可以向我解释如何理解或成功操作此代码，以便我可以定位它......甚至可能以允许它在不同大小的浏览器窗口中适当显示的方式（我正在使用 CSS 媒体查询）？

我在这里阅读了似乎相关的每一篇文章，但老实说，我什至可能没有使用相关的查询短语，因为我不确定我是否使用了正确的术语。我完全迷失了这个，有点不合群，谢谢你的耐心。

4

0 回答 0