各位大侠，有什么方法实现"拉窗帘"或者说"推门"效果……

[yumijie]

具体效果是这样的:我想把主页做成左边一半白色，右边一半黑色！左边有个用户输入框，右边一个密码输入框！输入用户名，密码！点击登录，半边白色和黑色都渐渐退出，让访客看到首页内容！

[b821025551b]

http://www.w3school.com.cn/jquery/jquery_fade.asp

[coosir]

AJAX

[lzxgh621]

js动画

[MaiCong]

我写个给你看看：
http://codepen.io/anon/pen/rVxddV

[cxe2v]

用jquery的slide方法，或者animation方法

[yumijie]

@MaiCong 我只能膜拜，谢谢

[yumijie]

@b821025551b 谢谢，我淡入淡出效果不是我想要的

[yumijie]

谢谢诸位！菜鸟学这个真是伤脑筋

[liuhaotian]

为什么发在了 PHP 节点呢？你说拉窗帘，那么一定是在说这个了
http://codepen.io/VEXIO/pen/xGZjbL

@MaiCong 你的html 和css被我抄袭了

[FastMem]

@yumijie 啊噗。。就是这个。你自己看卖葱给你实例就知道了 fadeOut fadeIn

[FastMem]

$(function(){
$(".btn").on('click',function() {
$(".left-door").animate({left:'-1000px'},1000);
$(".right-door").animate({right:'-1000px'},1000);
$(".page-content").show();
})
});

照着楼上的，我用animate写了一个

[FastMem]

@FastMem http://codepen.io/anon/pen/waMjGL