实现一个日本雅虎网站js导航菜单的效果

Question

http://www.yahoo.co.jp/如何实现雅虎这样的滑动导航菜单，效果如图，点击红色标记按钮，可以看到效果但需要有一点小小的改动。就是在网页加载的时候（包括刷新页面），这个菜单要自动滑出来几秒钟，然后缩回去。
之后用户可以再点按钮让其显示出来或者在缩回去。

Answer 1

jquery可以实现 找找这方面的资料看看

Answer 2

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    $(function(){
        $("#view").click(function(){
            $("div").animate({"left": "+=150px"}, "slow");
            
        });    
       $("#hide").click(function(){
            $("div").animate({"left": "-=150px"}, "slow");
       });
    });
</script>
<style type="text/css">
    div {border:1px solid black;width:100px;height:100px;position:absolute;top=100px;left:-150px;}
</style>
<button id=view>view</button>
<div>
    <button id=hide>hide</button>
</div>