模拟计算机病毒效果 js,用户登录模拟效果（原生js实现）

需求：

当用户名和密码获得焦点时，文本框背景颜色变黄，失去焦点时背景颜色恢复，

然后判断是否为空，如果为空，则给出提示，同时文本框继续获得焦点。如图所示。

单击登录按钮后，判断用户名(admin)和密码(123)是否正确。

若错误，则提示用户名或密码错误，

若正确，网页跳转到网页www.baidu.com.

function p1(){

document.getElementById("q1").innerHTML="";

document.getElementById("q2").innerHTML="";

var name = document.getElementById("name").value;

var pw = document.getElementById("pw").value;

if(name==""){

document.getElementById("q1").innerHTML="用户名不能为空！";

onover();

return;

}

if(name=="admin"){

if(pw=="123"){

window.location.href ='http://www.baidu.com';

}else{

document.getElementById("q2").innerHTML="密码错误！";

}

}else{

document.getElementById("q1").innerHTML="用户名错误！";

}

}

function onover(){

document.all.name.style.background="#EEEE00 ";

}

function onout(){

document.all.name.style.background="#fff";

}

function onover1(){

document.all.name.style.background="#fff";

document.all.pw.style.background="#EEEE00 ";

}

function onout1(){

document.all.pw.style.background="#fff";

}

.jdt{ width:400px; height:300px; border:1px #000 solid;}

#q1,#q2{color:red;}

用户登录

用户名：

密 码 ：

总结

以上是生活随笔为你收集整理的模拟计算机病毒效果 js,用户登录模拟效果（原生js实现）的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。