html编辑四则运算,denglu.html

登录界面

登录

账号

密码

立即注册

快速登陆

找回密码

登录

第三方登录

function hasClass(elem, cls) {

cls = cls || '';

if (cls.replace(/\s/g, '').length == 0) return false; //当cls没有参数时，返回false

return new RegExp(' ' + cls + ' ').test(' ' + elem.className + ' ');

}

function addClass(ele, cls) {

if (!hasClass(ele, cls)) {

ele.className = ele.className == '' ? cls : ele.className + ' ' + cls;

}

}

function removeClass(ele, cls) {

if (hasClass(ele, cls)) {

var newClass = ' ' + ele.className.replace(/[\t\r\n]/g, '') + ' ';

while (newClass.indexOf(' ' + cls + ' ') >= 0) {

newClass = newClass.replace(' ' + cls + ' ', ' ');

}

ele.className = newClass.replace(/^\s+|\s+$/g, '');

}

}

document.querySelector(".login-button").onclick = function(){

addClass(document.querySelector(".login"), "active")

setTimeout(function(){

addClass(document.querySelector(".sk-rotating-plane"), "active")

document.querySelector(".login").style.display = "none"

},800)

setTimeout(function(){

removeClass(document.querySelector(".login"), "active")

removeClass(document.querySelector(".sk-rotating-plane"), "active")

document.querySelector(".login").style.display = "block"

alert("登录成功")

},5000)

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史