效果： 代码： 复制代码 代码如下: <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] + '';<BR> }<BR> }<BR> };<BR> 一月 二月 三月 四月 五月 六月 七月 八月 九月 十月 十一月 十二月
