小编Hus*_*lue的帖子

在我的网页上,我使用HTML选择器使用CSS设置背景图像.背景图像基本上类似于蓝图示意图背景.(即蓝色背景上的白色网格.)

CSS:

html
{
    display: block;
    position: absolute;
    background: url(../assets/background.jpg) repeat;
    color: #FFF;
    margin: 0px;
    padding: 0px;
    border: none;
}

当最终用户点击按钮时,我希望上面提到的背景图像从屏幕向右上方向滑动,使页面看起来像是在大蓝图原理图上的不同区域.我正在使用jQuery,但我无法弄清楚如何从CSS访问背景图像.

JavaScript的:

$("#button").click(function()
{
    // Animate the webpage's background, causing it to move
    $("html /* Not sure what goes here */").animate({left: "-=10000px", top: "-=5000px"}, 1250);
});

我尝试在主体中使用与最终用户屏幕的宽度和高度相匹配的div,但是在蓝图原理图像周围出现了一个粗的白色边框,所以我想我必须坚持通过CSS添加图像, HTML选择器.

我如何达到我想要的效果？

https://jsfiddle.net/zaevzm5p/

如何将字符串与JavaScript对象的键进行比较？例如,这是一个字符串和一个JavaScript对象.我想比较字符串(在这种情况下,myString的值是"Item1")与此JavaScript对象中的键(在这种情况下,键是Item1和Item2):

var myString = "Item1";

var jsObject = 
{
    Item1:
    {
        "apples": "red",
        "oranges": "orange",
    },
    Item2:
    {
        "bananas": "yellow",
        "pears": "green"
    }
};

如果我创建一个'for'循环并通过循环运行对象的内容,我想将此对象中的键与字符串进行比较.

for (var x = 0; x < Object.keys(jsObject).length; x++)
{
    if (myString == /* What do I put here to compare to grab Item1 or Item2? */)
    {
        // Do stuff
    }
}