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

2015-05-11 12:59:47 +08:00
 yumijie
具体效果是这样的:我想把主页做成左边一半白色,右边一半黑色!左边有个用户输入框,右边一个密码输入框!输入用户名,密码!点击登录,半边白色和黑色都渐渐退出,让访客看到首页内容!
2935 次点击
所在节点    JavaScript
12 条回复
b821025551b
2015-05-11 13:33:25 +08:00
coosir
2015-05-11 13:54:36 +08:00
AJAX
lzxgh621
2015-05-11 14:14:44 +08:00
js动画
MaiCong
2015-05-11 14:41:54 +08:00
我写个给你看看:
http://codepen.io/anon/pen/rVxddV
cxe2v
2015-05-11 14:43:25 +08:00
用jquery的slide方法,或者animation方法
yumijie
2015-05-11 15:29:19 +08:00
@MaiCong 我只能膜拜,谢谢
yumijie
2015-05-11 15:30:02 +08:00
@b821025551b 谢谢,我淡入淡出效果不是我想要的
yumijie
2015-05-11 15:30:49 +08:00
谢谢诸位!菜鸟学这个真是伤脑筋
liuhaotian
2015-05-11 15:54:07 +08:00
为什么发在了 PHP 节点呢?你说拉窗帘,那么一定是在说这个了
http://codepen.io/VEXIO/pen/xGZjbL

@MaiCong 你的html 和css被我抄袭了
FastMem
2015-05-11 15:57:55 +08:00
@yumijie 啊噗。。就是这个。你自己看卖葱给你实例就知道了 fadeOut fadeIn
FastMem
2015-05-11 16:05:29 +08:00
$(function(){
$(".btn").on('click',function() {
$(".left-door").animate({left:'-1000px'},1000);
$(".right-door").animate({right:'-1000px'},1000);
$(".page-content").show();
})
});

照着楼上的,我用animate写了一个
FastMem
2015-05-11 16:06:52 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/190139

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX