arti：
Contohnya:
复制代码代码如下:
<head runat="server">
<judul></judul>
<gaya tipe="teks/css">
#merah
{
lebar: 260 piksel;
tinggi: 200 piksel;
latar belakang: #FF0000;
tampilan: tidak ada;
}
#hijau
{
lebar: 260 piksel;
tinggi: 200 piksel;
latar belakang: #00FF00;
tampilan: tidak ada;
}
#kuning
{
lebar: 260 piksel;
tinggi: 200 piksel;
latar belakang: #FFFF00;
tampilan: tidak ada;
}
#biru
{
lebar: 260 piksel;
tinggi: 200 piksel;
latar belakang: #0000FF;
tampilan: tidak ada;
}
</gaya>
<skrip tipe="teks/javascript">
jendela.onload = fungsi () {
var btn = dokumen.getElementsByTagName('input');
var div = dokumen.getElementsByTagName('div');
for (var i = 0; i < btn.panjang; i++) {
btn[i].indeks = saya;
btn[i].onclick = fungsi () {
for (var i = 0; i < btn.panjang; i++) {
btn[i].style.latar belakang = '';
}
beralih (nilai ini) {
case '红色': this.style.background = '#FF0000';
merusak;
case '绿色': this.style.background = '#00FF00';
merusak;
case '黄色': this.style.background = '#FFFF00';
merusak;
case '蓝色': this.style.background = '#0000FF';
merusak;
}
for (var i = 0; i < btn.panjang; i++) {
div[i].style.display = '';
}
div[ini.index].style.display = 'blok';
}
}
};
</skrip>
</kepala>
<tubuh>
<input type="button" id="btn1" value="红色" style="warna latar: #FF0000" />
<input type="button" id="btn2" value="绿色" />
<input type="button" id="btn3" value="黄色" />
<input type="button" id="btn4" value="蓝色" />
<div id="merah" style="display: blok;">
</div>
<div id="hijau">
</div>
<div id="kuning">
</div>
<div id="biru">
</div>
</tubuh>