À propos de :
Par exemple :
复制代码代码如下 :
<head runat="serveur">
<titre></titre>
<style type="text/css">
#rouge
{
largeur : 260 px ;
hauteur : 200px ;
arrière-plan : #FF0000 ;
affichage : aucun ;
}
#vert
{
largeur : 260 px ;
hauteur : 200px ;
arrière-plan : #00FF00 ;
affichage : aucun ;
}
#jaune
{
largeur : 260 px ;
hauteur : 200 px ;
arrière-plan : #FFFF00 ;
affichage : aucun ;
}
#bleu
{
largeur : 260 px ;
hauteur : 200px ;
arrière-plan : #0000FF ;
affichage : aucun ;
}
</style>
<script type="text/javascript">
window.onload = fonction () {
var btn = document.getElementsByTagName('input');
var div = document.getElementsByTagName('div');
pour (var i = 0; i < btn.length; i++) {
btn[i].index = je;
btn[i].onclick = fonction () {
pour (var i = 0; i < btn.length; i++) {
btn[i].style.background = '';
}
changer (cette.valeur) {
cas '红色' : this.style.background = '#FF0000';
casser;
cas '绿色' : this.style.background = '#00FF00' ;
casser;
cas '黄色' : this.style.background = '#FFFF00';
casser;
cas '蓝色' : this.style.background = '#0000FF' ;
casser;
}
pour (var i = 0; i < btn.length; i++) {
div[i].style.display = '';
}
div[this.index].style.display = 'block';
}
}
} ;
</script>
</tête>
<corps>
<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="vert">
</div>
<div id="jaune">
</div>
<div id="bleu">
</div>
</corps>