Источник:
代码:
复制代码代码如下:
<head runat="сервер">
<title></title>
<style type="text/css">
#красный
{
ширина: 260 пикселей;
высота: 200 пикселей;
фон: #FF0000;
дисплей: нет;
}
#зеленый
{
ширина: 260 пикселей;
высота: 200 пикселей;
фон: #00FF00;
дисплей: нет;
}
#желтый
{
ширина: 260 пикселей;
высота: 200 пикселей;
фон: #FFFF00;
дисплей: нет;
}
#синий
{
ширина: 260 пикселей;
высота: 200 пикселей;
фон: #0000FF;
дисплей: нет;
}
</стиль>
<тип сценария="текст/javascript">
window.onload = функция () {
var btn = document.getElementsByTagName('input');
var div = document.getElementsByTagName('div');
for (var я = 0; я <btn.length; я++) {
бтн[я].индекс = я;
btn[i].onclick = функция () {
for (var я = 0; я <btn.length; я++) {
btn[i].style.background = '';
}
переключатель (this.value) {
случай '红色': this.style.background = '#FF0000';
перерыв;
случай '绿色': this.style.background = '#00FF00';
перерыв;
случай '黄色': this.style.background = '#FFFF00';
перерыв;
случай '蓝色': this.style.background = '#0000FF';
перерыв;
}
for (var я = 0; я <btn.length; я++) {
div[i].style.display = '';
}
div[this.index].style.display = 'блок';
}
}
};
</скрипт>
</голова>
<тело>
<input type="button" id="btn1" value="红色" style="background-color: #FF0000" />
<input type="button" id="btn2" value="绿色" />
<input type="button" id="btn3" value="黄色" />
<input type="button" id="btn4" value="蓝色" />
<div id="red" style="display:block;">
</div>
<div id="зеленый">
</div>
<div id="желтый">
</div>
<div id="синий">
</div>
</тело>