Memengaruhi:
Kode:
Copy kode kodenya sebagai berikut:
<head runat="server">
<judul></judul>
<gaya tipe="teks/css">
#warna belakang
{
lebar: 400 piksel;
tinggi: 400 piksel;
latar belakang: #FFFF00;
perataan teks: tengah;
perbatasan: punggungan 30pt merah;
margin: otomatis;
}
TD
{
perbatasan: punggungan 3pt merah;
lebar: 100 piksel;
tinggi: 100 piksel;
}
div
{
lebar: otomatis;
tinggi: 100 piksel;
perataan teks: tengah;
tinggi garis: 100px;
}
</gaya>
<skrip tipe="teks/javascript">
jendela.onload = fungsi () {
var divArry = document.getElementsByName('namadiv');
var divto = dokumen.getElementById('div12');
var arry = ['Festival Musim Semi', 'Hari Valentine', 'Saya tidak tahu festival apa saja yang ada! ', 'Festival Qingming', 'Hari Buruh', 'Hari Anak',
'Sepertinya tidak ada festival besar bulan ini! ', 'Hari Tentara', 'Hari Guru', 'Hari Nasional', 'Hari Jomblo', 'Natal'];
for (var i = 0; i < divArry.length; i++) {
divArry[i].index = i;
divArry[i].onmouseover = fungsi () {
for (var i = 0; i < divArry.length; i++) {
divArry[i].style.background = '';
}
this.style.background = 'merah';
divto.innerHTML = '<h3>' + this.innerHTML + arry[ini.index] + '</h3>';
}
}
};
</skrip>
</kepala>
<tubuh>
<tabel id="warna belakang">
<tr>
<td>
<div id="div0" nama="nama div">
Januari
</div>
</td>
<td>
<div id="div1" nama="nama div">
Februari
</div>
</td>
<td>
<div id="div2" nama="nama div">
Berbaris
</div>
</td>
<td>
<div id="div3" nama="nama div">
April
</div>
</td>
</tr>
<tr>
<td>
<div id="div4" nama="nama div">
Mungkin
</div>
</td>
<td>
<div id="div5" nama="nama div">
Juni
</div>
</td>
<td>
<div id="div6" nama="nama div">
Juli
</div>
</td>
<td>
<div id="div7" nama="nama div">
Agustus
</div>
</td>
</tr>
<tr>
<td>
<div id="div8" nama="nama div">
September
</div>
</td>
<td>
<div id="div9" nama="nama div">
Oktober
</div>
</td>
<td>
<div id="div10" nama="nama div">
November
</div>
</td>
<td>
<div id="div11" nama="nama div">
Desember
</div>
</td>
</tr>
<tr>
<td colspan="4">
<divid='div12'>
</div>
</td>
</tr>
</tabel>
</tubuh>