JS小功能(onmouseover实现选择月份)实例代码

效果

代码：复制代码代码如下： head runat=' server ' title/title style type=' text/CSS ' # back color { width : 400 px；高度： 400像素；背景# FFFF00文本对齐：中心；border:山脊30磅红色；margin : auto } TD { border : ridge 3pt红色；宽度： 100像素；高度： 100像素；} div {宽度：自动高度： 100像素；文本对齐：中心；线高： 100像素；}/style脚本类型=' text/JavaScript '窗口。onload=function(){ var divary=document。getelementsbyname(' div name ')；var div to=文档。getelementbyid(' div 12 ')；var arry=['春节', '情人节', '不知道有什么节日!', '清明节', '劳动节', '儿童节', '好像这个月没有什么重大的节日吧!', '建军节', '教师节', '国庆节', '光棍节', '圣诞节'];for(var I=0；我离开了我.索引=我；迪瓦里[我]。onmouseover=function(){ for(var I=0；我离开了我。风格。背景=' '；}这个。风格。背景='红色'；div to。InnerHTML=' H3 '这个。InnerHTML arry[这个。索引]'/H3 '；} } };/script/head body表id=' back color ' tr TD div id=' div 0 ' name=' div name '一月/div/TD TD div id=' div 1 '名称=' div名称'二月/div/TD TD div id=' div 2 '名称=' div名称'三月/div/TD TD div id=' div 3 ' name=' div name '四月/div/TD/tr TD div id=' div 4 '名称='divname '五月/div/TD TD div id=' div ' 5 ' name=' div name '六月/div/TD TD div id=' div 6 ' name=' div name '七月/div/TD TD div id=' div 7 ' name=' div name '八月/div/TD/tr TD div id=' div 8 '名称='divname '九月/div/TD TD div id=' div 9 ' name=' div name '十月/div/TD TD div id=' div 10 ' name=' div name '十一月/div/TD TD div id=' div 11 ' 名称=' div名称'十二月/div/TD/tr TD colspan=' 4 ' div id=' div 12 ' style=' width : 400 px '； /div/TD/tr/表格/正文