(onload和onchange的运用)
实现效果:
进入网页.jpg
选粉显示.jpg
选黄显示.jpg
选橙显示.jpg
选回去.jpg
附上代码:
onchange()#div{
width:300px;
height:300px;
border:2px solid gray;
margin-top:10px;
}
window.οnlοad=function(){
var menu=document.getElementById("color"),
divx=document.getElementById("div");
menu.οnchange=function(){
bgcolor=menu.value;
divx.style.background=bgcolor;
if(bgcolor==0){
divx.innerHTML="我没变";
}
else{
divx.innerHTML="我变"+bgcolor+"了";
}
}
}
请选择您喜欢的颜色:
请选择
粉色
黄色
橙色
我是div