用jquery / css在背景中显示图像

Question

我想在此页面上找到以下演示效果......

http://wscratchpad.websanova.com/

但是，从左到右穿过窗口动画（）div块（50px乘50px），以显示背景图像。这可以用jQuery和animate（）方法吗？

由于

Answer 1

仅限CSS选项。 http://codepen.io/lpoulter/pen/xsywu

那就是你在哪里？

或者使用一些jquery

http://codepen.io/lpoulter/pen/HobfG

Answer 2

http://jsfiddle.net/v3ujy/

鉴于这样的事情： CSS：

body
{
    background-image:url('http://www.wmeentertainment.com/weezer/imgs/weezer_logo.jpg');
}
#reveal
{
    width:100%;
    height:100%;
    background-color:#000000;
    position:absolute;
    z-index:1;
}
#actualbody
{
    color:#FFFFFF;
    z-index:5000;
    position:relative;
}

HTML：

<div id="reveal">
</div>
<div id="actualbody">
    Actual page body
</div>

你可以设置背景图像并在顶部设置一个div来“隐藏”背景图像，然后用这样的东西将它滑到一边：

$('#reveal').animate({width:'toggle'});