Javascript Jquery在页面加载时滑动三个div

基本上，我希望页眉和页脚保持在它们的位置，但是当页面加载时，中间的三个（内联块元素）从右侧滑入。您可以在本示例页面上看到我试图实现的目标：

这是我的网站，我想在这里实现同样的效果：

正如您所看到的，这是twitter引导站点。因此，我要滑入的三个div是具有class=“span4”和唯一id的内联块元素。我尝试了这个方法，但由于某些原因，它在页面上不起作用

   $("#portfolio").animate({left: "0"}, {
    duration: 2000       
    });

    $("#music").animate({left: "0"}, {
    duration: 1000
    });

    $("#blog").animate({left: "0"}, {
    duration: 500        
    });

问候 艾哈迈尔这个怎么样

     $('#portfolio').click(function(e) {
                e.preventDefault();
                $('#portfolio').animate({
                    'right' : '100px'
                }, 2000);                    
            });

---

不，根本不起作用。我希望在页面加载时设置动画，但这对单击也不起作用。我看到

left

对于所有三个分区都设置为0px。你能把它更新到110%看看吗。在我在你的页面中看到的脚本中，ID仍然显示为#1、#2、#3。请按照上面代码中的说明更新此内容。