效果： 程式碼： 複製程式碼 程式碼如下: <br> #backcolor<br> {<br> width: 400px;<br> height: 400px;<br> background: #FFFF00;<br> text-align: center;<br> border: ridge 30pt red;<br> margin: auto;<br> }<br> TD<br> {<br> border: ridge 3pt red;<br> width: 100px;<br> height: 100px;<br> }<br> div<br> {<br> width: auto;<br> height: 100px;<br> text-align: center;<br> line-height: 100px;<br> }<br> <br> window.onload = function () {<br> var divArry = document.getElementsByName('divname');<br> var divto = document.getElementById('div12');<br> var arry = ['春节', '情人节', '不知道有什么节日！', '清明节', '劳动节', '儿童节',<br> '好像这个月没有什么重大的节日吧！', '建军节', '教师节', '国庆节', '光棍节', '圣诞节'];<br> for (var i = 0; i < divArry.length; i++) {<BR> divArry[i].index = i;<BR> divArry[i].onmouseover = function () {<BR> for (var i = 0; i < divArry.length; i++) {<BR> divArry[i].style.background = '';<BR> }<BR> this.style.background = 'red';<BR> divto.innerHTML = '<h3>' + this.innerHTML + arry[this.index] + '</h3>';<br> }<br> }<br> };<br> 一月 二月 三月 四月 五月 六月 七月 八月 九月 十月 十一月 12月 gt;
