昨天写的登入界面交互感不强，所以今天加入一些JavaScript。想实现点击一个登入按钮就可以出现登入界面。

1.添加一个登入的按钮，并确定样式

.login
			{
				position: fixed;
				border-radius: 10px;
				background: gray;
				width: 60px;
				height: 24px;
				top: 10%;
				right: 25%;
				text-align: center;
			}

2.加入JavaScript，并将之前的登入界面先隐藏

var login = document.querySelector('.login');
login.onclick=function()  //登入
{
	var loginIN = document.querySelector('.loginIN');
	loginIN.style.display = 'block';
}	 
var exist = document.querySelector('.exist');
exist.onclick = function()  //关闭
{
	var loginIN = document.querySelector('.loginIN');
	loginIN.style.display = 'none';
}

3.美化鼠标样式

.login:hover
{
	cursor: pointer;
}
.exist:hover
{
	cursor: pointer;
}

效果图