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

我想实现以下演示效果发现在这一页

而是从左到右在窗口中设置一个div块（50px x 50px）的动画，以显示背景图像。使用jQuery和animate（）方法可以实现这一点吗

谢谢

仅CSS选项

这就是你在哪里的原因吗

或者使用jquery

考虑到这样的情况： CSS:

HTML:

---

对不起，这个不太讨人喜欢的提琴例子。。。但我想我的观点已经被理解了。谢谢@Ipoulter，但我希望盒子比背景图像小，并且在从左到右的过程中露出部分。

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;
}

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

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