要求
点击后
点击上面三个,切换输入法,点击关闭显示输入法
HTML
CSS
JS:
window.onload=function(){
var oDiv=document.getElementById("box");
var oP=document.getElementsByTagName("p")[0];
var oUl=oDiv.getElementsByTagName("ul");
var aLi=document.getElementsByTagName("li");
var str=oP.innerText;
oP.onclick=function(){
if(oUl[0].style.display=="none"){
oUl[0].style.display="block";
}
else{
oUl[0].style.display="none";
}
}
for (var i = 0; i < aLi.length; i++) {
aLi[i].onclick=function(){
oP.innerHTML=this.innerText;
oUl[0].style.display="none";
}
}
aLi[3].onclick=function(){
oP.innerHTML=str;
oUl[0].style.display="none";
}
}
大家可以把代码复制到电脑上自己看看效果;感谢关注。