ผล:
รหัส:
คัดลอกรหัสรหัสดังต่อไปนี้:
<หัว runat="เซิร์ฟเวอร์">
<title></title>
<style type="text/css">
#แบ็คคัลเลอร์
-
ความกว้าง: 400px;
ความสูง: 400px;
พื้นหลัง: #FFFF00;
การจัดแนวข้อความ: กึ่งกลาง;
ขอบ: สัน 30pt สีแดง;
ระยะขอบ: อัตโนมัติ;
-
ทีดี
-
เส้นขอบ: สัน 3pt สีแดง;
ความกว้าง: 100px;
ความสูง: 100px;
-
กอง
-
ความกว้าง: อัตโนมัติ;
ความสูง: 100px;
การจัดแนวข้อความ: กึ่งกลาง;
ความสูงของบรรทัด: 100px;
-
</สไตล์>
<script type="text/javascript">
window.onload = ฟังก์ชั่น () {
var divArry = document.getElementsByName('divname');
var divto = document.getElementById('div12');
var arry = ['เทศกาลฤดูใบไม้ผลิ', 'วันวาเลนไทน์', 'ไม่รู้ว่ามีเทศกาลอะไรบ้าง! ', 'เทศกาลเชงเม้ง', 'วันแรงงาน', 'วันเด็ก',
'เดือนนี้ดูเหมือนไม่มีเทศกาลสำคัญๆ เลย! ', 'วันกองทัพ', 'วันครู', 'วันชาติ', 'วันคนโสด', 'คริสต์มาส'];
สำหรับ (var i = 0; i < divArry.length; i++) {
divArry[i].ดัชนี = ฉัน;
divArry[i].onmouseover = ฟังก์ชั่น () {
สำหรับ (var i = 0; i < divArry.length; i++) {
divArry[i].style.พื้นหลัง = '';
-
this.style.พื้นหลัง = 'สีแดง';
divto.innerHTML = '<h3>' + this.innerHTML + arry[this.index] + '</h3>';
-
-
-
</สคริปต์>
</หัว>
<ร่างกาย>
<table id="backcolor">
<tr>
<td>
<div id="div0" name="divname">
มกราคม
</div>
</td>
<td>
<div id="div1" name="divname">
กุมภาพันธ์
</div>
</td>
<td>
<div id="div2" name="divname">
มีนาคม
</div>
</td>
<td>
<div id="div3" name="divname">
เมษายน
</div>
</td>
</tr>
<tr>
<td>
<div id="div4" name="divname">
อาจ
</div>
</td>
<td>
<div id="div5" name="divname">
มิถุนายน
</div>
</td>
<td>
<div id="div6" name="divname">
กรกฎาคม
</div>
</td>
<td>
<div id="div7" name="divname">
สิงหาคม
</div>
</td>
</tr>
<tr>
<td>
<div id="div8" name="divname">
กันยายน
</div>
</td>
<td>
<div id="div9" name="divname">
ตุลาคม
</div>
</td>
<td>
<div id="div10" name="divname">
พฤศจิกายน
</div>
</td>
<td>
<div id="div11" name="divname">
ธันวาคม
</div>
</td>
</tr>
<tr>
<td colspan="4">
<div id="div12">
</div>
</td>
</tr>
</ตาราง>
</ร่างกาย>