推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
yumijie

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

  •  
  •   yumijie · May 11, 2015 via Android · 3451 views
    This topic created in 4035 days ago, the information mentioned may be changed or developed.
    具体效果是这样的:我想把主页做成左边一半白色,右边一半黑色!左边有个用户输入框,右边一个密码输入框!输入用户名,密码!点击登录,半边白色和黑色都渐渐退出,让访客看到首页内容!
    12 replies    2015-05-11 16:06:52 +08:00
    coosir
        2
    coosir  
       May 11, 2015
    AJAX
    lzxgh621
        3
    lzxgh621  
       May 11, 2015
    js动画
    MaiCong
        4
    MaiCong  
       May 11, 2015
    我写个给你看看:
    http://codepen.io/anon/pen/rVxddV
    cxe2v
        5
    cxe2v  
       May 11, 2015
    用jquery的slide方法,或者animation方法
    yumijie
        6
    yumijie  
    OP
       May 11, 2015 via Android
    @MaiCong 我只能膜拜,谢谢
    yumijie
        7
    yumijie  
    OP
       May 11, 2015 via Android
    @b821025551b 谢谢,我淡入淡出效果不是我想要的
    yumijie
        8
    yumijie  
    OP
       May 11, 2015 via Android
    谢谢诸位!菜鸟学这个真是伤脑筋
    liuhaotian
        9
    liuhaotian  
       May 11, 2015
    为什么发在了 PHP 节点呢?你说拉窗帘,那么一定是在说这个了
    http://codepen.io/VEXIO/pen/xGZjbL

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

    照着楼上的,我用animate写了一个
    FastMem
        12
    FastMem  
       May 11, 2015
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5364 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 06:52 · PVG 14:52 · LAX 23:52 · JFK 02:52
    ♥ Do have faith in what you're doing.