求一个能实现菜单左右滑入主体相应滑出的简单一点的js代码~~

[soronline]

快被jquery.mobile搞死了。。。各种自动生成的html代码，改了1万遍样式还是各种错位，索性直接不用这货了。。


想实现的功能是这个样子滴：
点击登录，从屏幕一侧滑入一个登录菜单，同时<body>滑出。比如菜单宽300px，<body>就滑出300px，同时body上覆盖一个等大的遮盖层。然后触摸这个遮盖层的任意一点菜单就会滑回去。


小弟是js小白，除了变量和函数的声明头能看懂之外其余的基本不会，现在为了做个手机端登陆页特效搞得焦头烂额。。。求论坛的各位大神帮帮忙，小弟先谢过了~

[soronline]

好像没说清楚，应该是点击“登录”按钮，主体部分滑出，不是<body>滑出。。。