}*/
window.onload=function()
{
var aLi= document.getElementsByTagName('li');
var Otxt =document.getElementById('tab').getElementsByTagName('div')[0];
var aDats =['元旦1月1日','2月14日情人节','3月3日全国爱耳日',
'4月1日愚人节','5月1日国际劳动节','6月1日 国际儿童节',
'7月1日中国共产党诞生日','8月1日中国人民解放军建军节','9月10日中国教师节',
'10月1日中华人民共和国国庆节','11月9日消防宣传日','12月3日世界残疾人日'
];
var i=0;
for(i=0;i{
aLi[i].index=i;
aLi[i].onmouseover =function() //添加鼠标指向事件
{
for(i=0;i{
aLi[i].className ='';
}
this.className ='active'; //给当前标签添加active 样式
Otxt.innerHTML ='
'+aDats[this.index]+'
';}
};
script>
JAN
FER
MAR
APR
MAY
JUM
JUL
AUG
SEP
OCT
NOV
DEC
效果预览: