开发工具与关键技术:Dreamweaver/浏览器,JavaScript
作者:江炳渝 
撰写时间:2019年1月19日

经过小编的探索,终于把类似于QQ登陆的输入账号就显示出头像框的方法给摸索出来了
下面要说的是类似qq登陆界面输入账号然后显示头像的方法,首先它是通过JavaScript(也就是js)来实现的。

写法和其他的事件也是差不多的;

首先要在你写的这个函数里先获取到要用到的值(这里就是账号与头像图片的值)

function youFunction{
var a = document.getElementByID("asd").value;
var a = document.getElementByID("touxiang");
}

然后就是写一个条件符合与不符合的显示与隐藏事件了

function youFunction{
var a = document.getElementByID("asd").value;
var a = document.getElementByID("touxiang");

if(a == 123456){

b.style.display = "block";

}

else{

b.style.display = "none";
    
}
}

if(a==“123456”)就是如果a(也就是账号)的值等于"123456";b.style.display=“block” ; b的状态就是显示的,block(显示);
else(否则);b.style.display=“none” b的状态就是隐藏的,none(隐藏)。

效果图如下
登陆显示账号头像
登陆显示账号头像
????

相关文章: