</head><style>div{ width:200px; height:200px; background-color:#CCFF99; float:left; }#red { background-color:#FF0000; display:none;}#blue { background-color:#3366FF; display:none;}</style><body><input type="button" value="紅" id="btn1" /><input type="button" value="藍" id="btn2"/><div id="red"></div><div id="blue"></div><script>window.onload=function(){? var red=document.geElementById("red");? var blue=document.geElementById("blue");? var btn1=document.geElementById("btn1");? var btn2=document.geElementById("btn2");? btn1.onclick=function(){???? red.style.display="block";? blue.style.display="none";? };? btn2.onclick=function(){???? blue.style.display="block";? red.style.display="none";? };}? </script></body>?我想要的效果是? 點擊“紅”按鈕,紅塊顯示;點擊“藍”按鈕,藍塊顯示,紅塊和藍快不同時顯示!我運行的情況毫無反應,只能看見兩個 按鈕!
鼠標點擊問題,求高手解答下,剛學不久。。。
慕碼人0911192
2015-11-11 23:14:46