Эффект:
Код:
Скопируйте код кода следующим образом:
<head runat="сервер">
<title></title>
<style type="text/css">
#backcolor
{
ширина: 400 пикселей;
высота: 400 пикселей;
фон: #FFFF00;
выравнивание текста: по центру;
граница: ребристая 30pt красная;
маржа: авто;
}
ТД
{
кайма: ребристая 3 пт, красная;
ширина: 100 пикселей;
высота: 100 пикселей;
}
делитель
{
ширина: авто;
высота: 100 пикселей;
выравнивание текста: по центру;
высота строки: 100 пикселей;
}
</стиль>
<тип сценария="текст/javascript">
window.onload = функция () {
var divArry = document.getElementsByName('divname');
вар divto = document.getElementById('div12');
var arry = ['Весенний праздник', 'День святого Валентина', 'Я не знаю, какие бывают фестивали! ', «Фестиваль Цинмин», «День труда», «День детей»,
«Кажется, в этом месяце не будет никаких крупных фестивалей!» ', «День армии», «День учителя», «Национальный день», «День холостяка», «Рождество»];
for (var i = 0; i < divArry.length; i++) {
divArry[i].index = я;
divArry[i].onmouseover = function () {
for (var i = 0; i < divArry.length; i++) {
divArry[i].style.background = '';
}
this.style.background = 'красный';
divto.innerHTML = '<h3>' + this.innerHTML + arry[this.index] + '</h3>';
}
}
};
</скрипт>
</голова>
<тело>
<table id="backcolor">
<тр>
<тд>
<div id="div0" name="divname">
январь
</div>
</td>
<тд>
<div id="div1" name="divname">
февраль
</div>
</td>
<тд>
<div id="div2" name="divname">
Маршировать
</div>
</td>
<тд>
<div id="div3" name="divname">
апрель
</div>
</td>
</tr>
<тр>
<тд>
<div id="div4" name="divname">
Может
</div>
</td>
<тд>
<div id="div5" name="divname">
Июнь
</div>
</td>
<тд>
<div id="div6" name="divname">
Июль
</div>
</td>
<тд>
<div id="div7" name="divname">
Август
</div>
</td>
</tr>
<тр>
<тд>
<div id="div8" name="divname">
Сентябрь
</div>
</td>
<тд>
<div id="div9" name="divname">
Октябрь
</div>
</td>
<тд>
<div id="div10" name="divname">
ноябрь
</div>
</td>
<тд>
<div id="div11" name="divname">
декабрь
</div>
</td>
</tr>
<тр>
<td colspan="4">
<div id="div12">
</div>
</td>
</tr>
</таблица>
</тело>