如何在平时显示白色的logo，点击“用户登录”后，隐藏白色logo，显示登陆框呀？

Question

<div class="main_gl">
            <div>
            <img  class="main_img Rotation" src="img/index/1.png">
            <img  class="main_img Rotation" src="img/index/2.png">
            <img  class="main_img Rotation" src="img/index/3.png">
            <img  class="main_logo" src="img/dllogo.png">
            </div>
            <div class="login">
                <div class="login_input">
                    <span>用户名称</span><input type="text" name="" id="username"  />
                </div>
                <div class="login_input">
                    <span>登陆密码</span><input type="password" name="" id="password"  />
                </div>
                <div class="login_button">
                    <input id="denglu"  class="btn_orange"  type="submit" value="登&nbsp&nbsp&nbsp&nbsp录"/>
                </div>
            </div>

            </div>
            <div class="main_button">
                <img  class="main_button_img" src="img/index/login.png">
                <img  class="main_button_img" src="img/index/forgotpassword.png">
                <img  class="main_button_img" src="img/index/register.png">

            </div>

Answer 1

在加载页面时，不对白色logo图片做处理，通过设置登陆框的css border：0px；来控制无边框；
点击登录按钮后，
document.getElemementById("denglu").onclick = function(){

document.getElementByClassName("图片的class")[第几个].setAttribute('border',"1px #d3d3d3 solid");
同样利用上面的方法设置显示与隐藏；可以使用属性display：none；来处理；

}
个人建议：
input输入框可以使用label for会提升用户体验的

Answer 2

设为display:none

Answer 3

平时隐藏登录框，点击登录以后设置登录框显示，logo隐藏。可以使用class来添加各种css动画。

使用display显示隐藏
使用opacity显示隐藏
使用jquery的show和hide方法显示隐藏

Answer 4

login?dom.display:'none';