资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
JS 日历控件(蓝色)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>超漂亮的JS日历控件</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> *{ font:12px; letter-spacing:0px; } body{ background-color:#E5E9F2; overflow:hidden; margin:0; border:0px; } #titleYear{ text-align:center; padding-top:3px; width:120px; height:20px; border:solid #E5E9F2; border-width:0px 1px 1px 0px; background-color:#A4B9D7; color:#000; cursor:default; } #weekNameBox{ width:282px; border-bottom:0; } .weekName{ text-align:center; padding-top:4px; width:40px; height:20px; border:solid #E5E9F2; border-width:0px 1px 1px 0px; background-color:#C0D0E8; color:#243F65; cursor:default; } .controlButton{ font-family: Webdings; font:9px; text-align:center; padding-top:2px; width:40px; height:20px; border:solid #E5E9F2; border-width:0px 1px 1px 0px; background-color:#A4B9D7; color:#243F65; cursor:default; } .Ctable{ width:282px; margin-bottom:20px; } .Ctable span{ font:9px verdana; font-weight:bold; color:#243F65; text-align:center; padding-top:4px; width:40px; height:26px; border:solid #C0D0E8; border-width:0px 1px 1px 0px; cursor:default; } .Cdate{ background-color:#E5E9F2; } .Ctable span.OtherMonthDate{ color:#999; background-color:#f6f6f6; } .selectBox{ cursor:hand; font:9px verdana; width:80px; position:absolute; border:1px solid #425E87; overflow-y:scroll; overflow-x:hidden; background-color:#fff; FILTER:progid:DXImageTransform.Microsoft.Shadow(Color=#999999,offX=10,offY=10,direction=120,Strength=5); SCROLLBAR-FACE-COLOR: #E5E9F2; SCROLLBAR-HIGHLIGHT-COLOR: #E5E9F2; SCROLLBAR-SHADOW-COLOR: #A4B9D7; SCROLLBAR-3DLIGHT-COLOR: #A4B9D7; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #eeeee6; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; } .selectBox nobr{ padding:0px 0px 2px 5px; width:100%; color:#000; letter-spacing:2px; text-decoration:none; } </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0A%2F%2F%20cody%20by%20%5BSTAR%5D.sjz%202003-10-31%20%0D%0A%2F%2F%20%E8%AF%B4%E6%98%8E%EF%BC%9A%E8%BF%94%E5%9B%9E%E5%80%BC%E4%B8%BA%20%E4%B8%80%E4%B8%AA%E5%AD%97%E7%AC%A6%E4%B8%B2%20%0D%0A%2F%2F%20%E6%A0%BC%E5%BC%8F%E5%A6%82%E4%B8%8B%EF%BC%9A%20%0D%0A%2F%2F%20%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95%EF%BC%9A%20%0D%0A%2F%2F%20var%20dataString%20%3D%20showModalDialog(%22calendar.htm%22%2C%20%22dd%E6%97%A5mm%E6%9C%88yyyy%E5%B9%B4%22%2C%20%22dialogWidth%3A286px%3BdialogHeight%3A221px%3Bstatus%3Ano%3Bhelp%3Ano%3B%22)%3B%20%0D%0Avar%20userFormatString%3B%20%0D%0Aif(window.dialogArguments%20%3D%3Dnull)%20%0D%0A%7B%20%0D%0AuserFormatString%20%3D%20%22yyyy-mm--dd%22%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0AuserFormatString%20%3D%20window.dialogArguments%3B%20%0D%0A%7D%20%0D%0Awith(new%20Date())%7B%20%0D%0Avar%20Nyear%20%3D%20getYear()%3B%20%0D%0Avar%20Nmonth%20%3D%20getMonth()%20%2B1%3B%20%0D%0Avar%20Ndate%20%3D%20getDate()%3B%20%0D%0A%7D%20%0D%0Awindow.returnValue%20%3D%20new%20dataObj(Nyear%2CNmonth%2CNdate%20).getDateString(userFormatString)%3B%20%0D%0Awindow.document.onclick%20%3D%20function()%7B%20%0D%0Avar%20obj%20%3D%20window.event.srcElement%3B%20%0D%0Aif(obj.tagName.toLowerCase()%20%3D%3D%20%22span%22%20%26%26%20obj.parentNode.className.replace(%2FCtable%2Fig%2C%22star%22)%20%3D%3D%20%22star%22%20)%20%0D%0A%7B%20%0D%0Atry%7B%20%0D%0Awindow.currentActiveItem.runtimeStyle.cssText%20%3D%20%22%22%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7B%20%7D%20%0D%0ANyear%20%3D%20obj.id.split(%22-%22)%5B0%5D%3B%20%0D%0ANmonth%20%3D%20obj.id.split(%22-%22)%5B1%5D%3B%20%0D%0ANdate%20%3D%20obj.id.split(%22-%22)%5B2%5D%3B%20%0D%0Awindow.currentActiveItem%20%3D%20obj%3B%20%0D%0Awindow.currentSelectDate%20%3D%20window.currentActiveItem.id%3B%20%0D%0Awindow.currentActiveItem.runtimeStyle.cssText%20%3D%20%22background%3Aurl(%2Fupload%2F2010-3%2F20100303234318708.gif)%20no-repeat%2012px%206px%3Bcolor%3A%23000%3Bpadding-top%3A1px%3Bfont-weight%3Abold%22%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20dataObj(year%2Cmonth%2Cdate)%20%0D%0A%7B%20%0D%0Athis.year%20%3D%20year%20%0D%0Athis.month%20%3D%20month%20%0D%0Athis.date%20%3D%20date%20%0D%0Athis.getDateString%20%3D%20%0D%0Afunction(formatString)%20%0D%0A%7B%20%0D%0Areturn%20formatString.replace(%2Fyyyy%2Fig%20%2C%20this.year).replace(%2Fmm%2Fig%20%2C%20this.month).replace(%2Fdd%2Fig%20%2C%20this.date)%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Awindow.onload%20%3D%20function()%7B%20%0D%0Awindow.document.attachEvent(%22onclick%22%20%2C%20doCmd)%3B%20%0D%0Awindow.document.attachEvent(%22onmouseover%22%20%2C%20buttonOver)%3B%20%0D%0Awindow.document.attachEvent(%22onmouseout%22%20%2C%20buttonOut)%3B%20%0D%0Awindow.document.attachEvent(%22onmousedown%22%20%2C%20buttonDown)%3B%20%0D%0Awindow.document.attachEvent(%22onmouseup%22%20%2C%20buttonUp)%3B%20%0D%0Awindow.document.attachEvent(%22ondblclick%22%20%2C%20%0D%0Afunction()%20%0D%0A%7B%20%0D%0Avar%20obj%20%3D%20window.event.srcElement%3B%20%0D%0Aif(obj.tagName.toLowerCase()%20%3D%3D%20%22span%22%20%26%26%20obj.parentNode.className.replace(%2FCtable%2Fig%2C%22star%22)%20%3D%3D%20%22star%22%20)%20%0D%0A%7B%20%0D%0Avar%20mydate%20%3D%20new%20dataObj(obj.id.split(%22-%22)%5B0%5D%20%2C%20obj.id.split(%22-%22)%5B1%5D%20%2C%20obj.id.split(%22-%22)%5B2%5D%20)%3B%20%0D%0Awindow.returnValue%20%3D%20mydate.getDateString(userFormatString)%20%0D%0Awindow.close()%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A)%3B%20%0D%0Adocument.all.titleYear.innerHTML%3DTranYearMonthTitle(Nyear%2CNmonth)%3B%20%0D%0Adocument.all.weekNameBox.insertAdjacentHTML(%22afterBegin%22%2CmakeWeekNameHtmlStr())%3B%20%0D%0Adocument.all.calendarBox.innerHTML%3DmakeCalendarHtmlStr(Nyear%2CNmonth)%3B%20%0D%0Awindow.currentSelectDate%20%3D%20starCaTran(Nyear%2CNmonth%2CNdate)%3B%20%0D%0Awindow.document.all.calendarBox.show%20%3D%20show%3B%20%0D%0Awindow.currentActiveItem%20%3D%20window.document.getElementById(currentSelectDate)%3B%20%0D%0Aif(%20window.currentActiveItem%20)%20%0D%0Awindow.currentActiveItem.click()%3B%20%0D%0Awindow.document.all.calendarBox.show()%3B%20%0D%0A%7D%20%0D%0Afunction%20starCalendar(year%2Cmonth)%7B%20%0D%0Athis.year%20%3D%20year%3B%20%0D%0Athis.month%20%3D%20month%3B%20%0D%0Athis.monthTable%20%3D%20function()%7B%20%0D%0Avar%20aMonth%3Dnew%20Array()%3B%20%0D%0Afor(i%3D1%3Bi%3C7%3Bi%2B%2B)aMonth%5Bi%5D%3Dnew%20Array(i)%3B%20%0D%0Avar%20dCalDate%3Dnew%20Date(this.year%2C%20this.month-1%2C%201)%3B%20%0D%0Avar%20iDayOfFirst%3DdCalDate.getDay()%3B%20%0D%0Avar%20iDaysInMonth%3Dnew%20Date(this.year%2C%20this.month%2C%200).getDate()%3B%20%0D%0Avar%20iOffsetLast%3Dnew%20Date(this.year%2C%20this.month-1%2C%200).getDate()-iDayOfFirst%2B1%3B%20%0D%0Avar%20iDate%20%3D%201%3B%20%0D%0Avar%20iNext%20%3D%201%3B%20%0D%0Afor%20(d%20%3D%200%3B%20d%20%3C%207%3B%20d%2B%2B)%20%0D%0AaMonth%5B1%5D%5Bd%5D%20%3D%20(d%3CiDayOfFirst)%3F(-iDayOfFirst%2Bd%2B1)%3AiDate%2B%2B%3B%20%0D%0Afor%20(w%20%3D%202%3B%20w%20%3C%207%3B%20w%2B%2B)%20%0D%0Afor%20(d%20%3D%200%3B%20d%20%3C%207%3B%20d%2B%2B)%20%0D%0AaMonth%5Bw%5D%5Bd%5D%20%3D%20iDate%2B%2B%3B%20%0D%0Areturn%20aMonth%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20makeWeekNameHtmlStr()%7B%20%0D%0Avar%20tmpStr%3D%22%22%3B%20%0D%0Avar%20weekName%20%3D%20%5B%22%E6%97%A5%22%2C%22%E4%B8%80%22%2C%22%E4%BA%8C%22%2C%22%E4%B8%89%22%2C%22%E5%9B%9B%22%2C%22%E4%BA%94%22%2C%22%E5%85%AD%22%5D%3B%20%0D%0Afor(var%20i%3D0%3Bi%3C7%3Bi%2B%2B)tmpStr%2B%3D%22%3Cspan%20class%3DweekName%3E%22%2BweekName%5Bi%5D%2B%22%3C%2Fspan%3E%22%3B%20%0D%0Areturn%20tmpStr%3B%20%0D%0A%7D%20%0D%0Afunction%20makeCalendarHtmlStr(year%2Cmonth)%7B%20%0D%0Awindow.theCalendar%20%3D%20new%20starCalendar(year%2Cmonth)%3B%20%0D%0Avar%20theCaArr%20%3D%20theCalendar.monthTable()%3B%20%0D%0Avar%20theDaysInMonth%20%3D%20new%20Date(year%2C%20month%2C%200).getDate()%3B%20%0D%0Avar%20theCaHtml%20%3D%20%22%3Cdiv%20class%3DCtable%3E%22%3B%20%0D%0Afor(var%20i%3D1%3Bi%3C7%3Bi%2B%2B)%20%0D%0Afor(var%20j%3D0%3Bj%3C7%3Bj%2B%2B)%20%0D%0AtheCaHtml%20%3D%20theCaHtml%2B%22%3Cspan%20class%3D%22%2B(%20(theCaArr%5Bi%5D%5Bj%5D%3C1%20%7C%7C%20theCaArr%5Bi%5D%5Bj%5D%3EtheDaysInMonth)%3F%22OtherMonthDate%22%3A%22Cdate%22)%2B%22%20id%3D%22%2BstarCaTran(year%2Cmonth%2CtheCaArr%5Bi%5D%5Bj%5D)%2B%22%3E%22%2BstarCaTran(year%2Cmonth%2CtheCaArr%5Bi%5D%5Bj%5D).split(%22-%22)%5B2%5D%2B%22%3C%2Fspan%3E%22%3B%20%0D%0Areturn%20theCaHtml%2B%22%3C%2Fdiv%3E%22%3B%20%0D%0A%7D%20%0D%0Afunction%20starCaTran(year%2Cmonth%2Cdate)%7B%20%0D%0Awith(new%20Date(year%2Cmonth-1%2Cdate))%20%0D%0Areturn%20getYear()%20%2B%20%22-%22%20%2B(getMonth()%2B1)%20%2B%20%22-%22%20%2B%20getDate()%3B%20%0D%0A%7D%20%0D%0Afunction%20TranYearMonthTitle(year%2Cmonth)%7B%20%0D%0Awith(new%20Date(year%2Cmonth-1%2C1))%20%0D%0Areturn%20%22%3Cspan%20style%3D'text-decoration%3Aunderline%3Bcursor%3Ahand%3Bfont-weight%3Abold%3Bpadding%3A1%202%200%201%3Bwidth%3A40px%3B'%20onclick%3DshowMore(1940%2C2050%2Cthis.innerHTML)%20onmouseover%3D%5C%22this.runtimeStyle.cssText%3D'color%3A%23fff%3B'%5C%22%20onmouseout%3D%5C%22this.runtimeStyle.cssText%3D''%5C%22%20onpropertychange%3DshowC()%3E%22%20%2B%20getYear()%20%2B%20%22%3C%2Fspan%3E%22%20%2B%20%22%E5%B9%B4%22%20%2B%20%22%3Cspan%20style%3D'text-decoration%3Aunderline%3Bcursor%3Ahand%3Bfont-weight%3Abold%3Bpadding%3A1%202%200%201%3Bwidth%3A20px%3B'%20onclick%3DshowMore(1%2C12%2Cthis.innerHTML)%20onmouseover%3D%5C%22this.runtimeStyle.cssText%3D'color%3A%23fff%3B'%5C%22%20onmouseout%3D%5C%22this.runtimeStyle.cssText%3D''%5C%22%20onpropertychange%3DshowC()%3E%22%20%2B%20(getMonth()%2B1)%20%2B%20%22%3C%2Fspan%3E%22%20%2B%20%22%E6%9C%88%22%20%3B%20%0D%0A%7D%20%0D%0Afunction%20showC()%7B%20%0D%0Aif(event.propertyName%20!%3D%20%22innerHTML%22)return%3B%20%0D%0Awindow.theCalendar.year%20%3D%20new%20Number(document.all.titleYear.getElementsByTagName(%22span%22)%5B0%5D.innerHTML)%3B%20%0D%0Awindow.theCalendar.month%20%3D%20new%20Number(document.all.titleYear.getElementsByTagName(%22span%22)%5B1%5D.innerHTML)%3B%20%0D%0Awindow.document.all.calendarBox.innerHTML%3DmakeCalendarHtmlStr(window.theCalendar.year%2Cwindow.theCalendar.month)%3B%20%0D%0Awindow.document.all.calendarBox.show%20%3D%20show%3Bwindow.document.all.calendarBox.show()%3B%20%0D%0A%7D%20%0D%0Afunction%20showMore(starNum%2CendNum%2CselectedValue)%7B%20%0D%0Avar%20obj%20%3D%20window.event.srcElement%3B%20%0D%0Avar%20selectedIndex%20%3D%20selectedValue%20-%20starNum%3B%20%0D%0Aif(obj.selectBox)%7B%20%0D%0Aobj.selectBox.selectedIndex%20%3D%20selectedIndex%3B%20%0D%0Areturn%20obj.selectBox.show(document.all.calendarBox.offsetHeight%20%2B%20document.all.weekNameBox.offsetHeight%20)%3B%20%0D%0A%7D%20%0D%0Avar%20selectBox%20%3D%20window.document.createElement(%22div%22)%3B%20%0D%0AselectBox.className%20%3D%20%22selectBox%22%3B%20%0D%0AselectBox.style.height%20%3D%200%3B%20%0D%0AselectBox.style.top%20%3D%20window.event.clientY%20-%20window.event.offsetY%20%2B%20window.event.srcElement.offsetHeight%3B%20%0D%0AselectBox.style.left%20%3D%20window.event.clientX%20-%20window.event.offsetX%20%3B%20%0D%0AselectBox.show%20%3D%20showBox%3B%20%0D%0AselectBox.selectedIndex%20%3D%20selectedIndex%3B%20%0D%0AselectBox.onclick%20%3D%20function()%7B%20%0D%0Avar%20selectedObj%20%3D%20window.event.srcElement%3B%20%0D%0Aif(%20%22nobr%22%20%3D%3D%20selectedObj.tagName.toLowerCase()%20%26%26%20selectBox.contains(selectedObj))%20%0D%0A%7B%20%0D%0Aif(obj.innerHTML%20!%3D%20selectedObj.innerHTML)obj.innerHTML%20%3D%20selectedObj.innerHTML%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0AselectBox.onlosecapture%20%3D%20alert%20%0D%0Avar%20iString%20%3D%20%22%22%3B%20%0D%0Afor(var%20i%3DstarNum%3Bi%3C%3DendNum%3Bi%2B%2B)%7B%20%0D%0AiString%20%2B%3D%20%22%3Cnobr%20onmouseover%3D%5C%22this.parentNode.getElementsByTagName('nobr')%5Bthis.parentNode.selectedIndex%5D.style.cssText%3D''%3Bthis.style.cssText%3D'background-color%3A%2300006C%3Bcolor%3A%23fff%3B'%5C%22%20onmouseout%3Dthis.style.cssText%3D''%3E%22%2Bi%2B%22%3C%2Fnobr%3E%3Cbr%3E%22%20%0D%0A%7D%20%0D%0AselectBox.insertAdjacentHTML%20(%22afterBegin%22%2CiString)%3B%20%0D%0Awindow.document.body.appendChild(selectBox)%3B%20%0D%0Aobj.selectBox%20%3D%20selectBox%3B%20%0D%0Aobj.selectBox.show(document.all.calendarBox.offsetHeight%20%2B%20document.all.weekNameBox.offsetHeight%20)%3B%20%0D%0A%0D%0A%7D%20%0D%0Afunction%20showBox(iHeight)%20%0D%0A%7B%20%0D%0Avar%20box%20%3D%20this%3B%20%0D%0Abox.style.height%20%3D1%3B%20%0D%0Abox.style.display%20%3D%20%22block%22%3B%20%0D%0Awindow.clearInterval(box.timeHandle)%3B%20%0D%0Abox.timeHandle%20%3D%20window.setInterval(interValHandle%2C1)%3B%20%0D%0Avar%20s%20%3D%200%2Ct%20%3D1%20%3B%20%0D%0Afunction%20interValHandle()%20%0D%0A%7B%20%0D%0Abox.scrollTop%3D1000000%3B%20%0D%0As%20%3D%20s%20%2B%20t*t%3B%20%0D%0At%20%2B%3D%200.5%3B%20%0D%0Abox.style.height%20%3D%20parseInt(box.style.height)%20%2B%20Math.floor(s)%3B%20%0D%0Abox.style.width%20%3D%2065%20%2F%20iHeight%20*%20box.offsetHeight%3B%20%0D%0Aif(%20box.offsetHeight%20%3E%20iHeight%20)%20%0D%0A%7B%20%0D%0Awindow.clearInterval(box.timeHandle)%3B%20%0D%0Abox.style.height%20%3D%20iHeight%3B%20%0D%0Abox.scrollTop%20%3D%20box.childNodes%5B0%5D.offsetHeight*box.selectedIndex%3B%20%0D%0Abox.getElementsByTagName(%22nobr%22)%5Bbox.selectedIndex%5D.style.cssText%3D'background-color%3A%2300006C%3Bcolor%3A%23fff%3B'%3B%20%0D%0Awindow.document.attachEvent(%22onclick%22%2C%20%0D%0Abox.hide%3Dfunction()%20%0D%0A%7B%20%0D%0Abox.style.display%20%3D%20%22none%22%3B%20%0D%0Awindow.document.detachEvent(%22onclick%22%2Cbox.hide)%20%0D%0A%7D%20%0D%0A)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Afunction%20buttonOver()%7B%20%0D%0Avar%20obj%20%3D%20window.event.srcElement%3B%20%0D%0Aif(obj.tagName.toLowerCase()%20%3D%3D%20%22span%22%20%26%26%20obj.className.replace(%2FcontrolButton%2Fig%2C%22star%22)%20%3D%3D%20%22star%22%20)%20%0D%0A%7B%20%0D%0Aobj.runtimeStyle.cssText%3D%22border-color%3A%23fff%20%23606060%20%23808080%20%23fff%3Bpadding%3A3%200%200%200%20%22%3B%20%0D%0A%7D%20%0D%0Aif(obj.tagName.toLowerCase()%20%3D%3D%20%22span%22%20%26%26%20obj.parentNode.className.replace(%2FCtable%2Fig%2C%22star%22)%20%3D%3D%20%22star%22%20)%20%0D%0A%7B%20%0D%0Aobj.style.backgroundColor%20%3D%20%22%23fff%22%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20buttonOut()%7B%20%0D%0Avar%20obj%20%3D%20window.event.srcElement%3B%20%0D%0Aif(obj.tagName.toLowerCase()%20%3D%3D%20%22span%22%20%26%26%20obj.className.replace(%2FcontrolButton%2Fig%2C%22star%22)%20%3D%3D%20%22star%22%20)%20%0D%0A%7B%20%0D%0Aobj.runtimeStyle.cssText%20%3D%20%22%22%3B%20%0D%0A%7D%20%0D%0Aif(obj.tagName.toLowerCase()%20%3D%3D%20%22span%22%20%26%26%20obj.parentNode.className.replace(%2FCtable%2Fig%2C%22star%22)%20%3D%3D%20%22star%22%20)%20%0D%0A%7B%20%0D%0Awindow.setTimeout(function()%7Bobj.style.backgroundColor%20%3D%20%22%22%3B%20%7D%2C300)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20buttonDown()%7B%20%0D%0Avar%20obj%20%3D%20window.event.srcElement%3B%20%0D%0Aif(obj.tagName.toLowerCase()%20%3D%3D%20%22span%22%20%26%26%20obj.className.replace(%2FcontrolButton%2Fig%2C%22star%22)%20%3D%3D%20%22star%22%20)%20%0D%0A%7B%20%0D%0Aobj.setCapture()%3B%20%0D%0Aobj.runtimeStyle.borderColor%3D%22%23808080%20%23fefefe%20%23fefefe%20%23808080%22%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20buttonUp()%7B%20%0D%0Avar%20obj%20%3D%20window.event.srcElement%3B%20%0D%0Aif(obj.tagName.toLowerCase()%20%3D%3D%20%22span%22%20%26%26%20obj.className.replace(%2FcontrolButton%2Fig%2C%22star%22)%20%3D%3D%20%22star%22%20)%20%0D%0A%7B%20%0D%0Aobj.releaseCapture()%3B%20%0D%0Aobj.runtimeStyle.cssText%20%3D%22%22%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20doCmd()%7B%20%0D%0Avar%20obj%20%3D%20window.event.srcElement%3B%20%0D%0Aif(obj.tagName.toLowerCase()%20%3D%3D%20%22span%22%20%26%26%20obj.className.replace(%2FcontrolButton%2Fig%2C%22star%22)%20%3D%3D%20%22star%22%20)%20%0D%0A%7B%20%0D%0Aswitch(obj.getAttribute(%22cmd%22))%20%0D%0A%7B%20%0D%0Acase%20%22py%22%3A%20%0D%0Awindow.document.all.titleYear.innerHTML%3Dwindow.TranYearMonthTitle(window.theCalendar.year-1%2Cwindow.theCalendar.month)%3B%20%0D%0Awindow.document.all.calendarBox.innerHTML%3DmakeCalendarHtmlStr(window.theCalendar.year-1%2Cwindow.theCalendar.month)%3B%20%0D%0Abreak%3B%20%0D%0Acase%20%22pm%22%3A%20%0D%0Awindow.document.all.titleYear.innerHTML%3Dwindow.TranYearMonthTitle(window.theCalendar.year%2Cwindow.theCalendar.month-1)%3B%20%0D%0Awindow.document.all.calendarBox.innerHTML%3DmakeCalendarHtmlStr(window.theCalendar.year%2Cwindow.theCalendar.month-1)%3B%20%0D%0Abreak%3B%20%0D%0Acase%20%22nm%22%3A%20%0D%0Awindow.document.all.titleYear.innerHTML%3Dwindow.TranYearMonthTitle(window.theCalendar.year%2Cwindow.theCalendar.month%2B1)%3B%20%0D%0Awindow.document.all.calendarBox.innerHTML%3DmakeCalendarHtmlStr(window.theCalendar.year%2Cwindow.theCalendar.month%2B1)%3B%20%0D%0Abreak%3B%20%0D%0Acase%20%22ny%22%3A%20%0D%0Awindow.document.all.titleYear.innerHTML%3Dwindow.TranYearMonthTitle(window.theCalendar.year%2B1%2Cwindow.theCalendar.month)%3B%20%0D%0Awindow.document.all.calendarBox.innerHTML%3DmakeCalendarHtmlStr(window.theCalendar.year%2B1%2Cwindow.theCalendar.month)%3B%20%0D%0Abreak%3B%20%0D%0A%7D%20%0D%0Awindow.document.all.calendarBox.show()%3B%20%0D%0Awindow.currentSelectDate%20%3D%20starCaTran(Nyear%2CNmonth%2CNdate)%3B%20%0D%0Awindow.currentActiveItem%20%3D%20window.document.getElementById(currentSelectDate)%3B%20%0D%0Aif(%20window.currentActiveItem%20)window.currentActiveItem.runtimeStyle.cssText%20%3D%20%22background%3Aurl(choiceit.gif)%20no-repeat%2012px%206px%3Bcolor%3A%23000%3Bpadding-top%3A1px%3Bfont-weight%3Abold%22%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20show()%20%0D%0A%7B%20%0D%0Avar%20box%20%3D%20this%3B%20%0D%0Awindow.clearTimeout(box.timeHandle)%3B%20%0D%0Avar%20CdateBoxs%20%3D%20this.getElementsByTagName(%22span%22)%3B%20%0D%0Afor(var%20i%3D0%3Bi%3CCdateBoxs.length%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0ACdateBoxs%5Bi%5D.defaultValue%20%3D%20new%20Number(%20CdateBoxs%5Bi%5D.innerHTML%20)%3B%20%0D%0ACdateBoxs%5Bi%5D.innerHTML%20%3D%200%3B%20%0D%0A%7D%20%0D%0AshowDate()%3B%20%0D%0Afunction%20showDate()%7B%20%0D%0Afor(var%20i%3D0%3Bi%3CCdateBoxs.length%3Bi%2B%2B)%7B%20%0D%0Aif(%20new%20Number(%20CdateBoxs%5Bi%5D.innerHTML%20)%20%2B%201%20%3C%3D%20new%20Number(%20CdateBoxs%5Bi%5D.defaultValue%20)%20)%20%0D%0ACdateBoxs%5Bi%5D.innerHTML%20%3D%20new%20Number(%20CdateBoxs%5Bi%5D.innerHTML%20)%20%2B%201%20%0D%0A%7D%20%0D%0Abox.timeHandle%20%3D%20window.setTimeout(showDate%2C1)%3B%20%0D%0A%7D%20%0D%0Athis.show%20%3D%20show1%20%0D%0A%7D%20%0D%0Afunction%20show1()%20%0D%0A%7B%20%0D%0Avar%20box%20%3D%20this%3B%20%0D%0Awindow.clearTimeout(box.timeHandle)%3B%20%0D%0Avar%20CdateBoxs%20%3D%20this.getElementsByTagName(%22span%22)%3B%20%0D%0Afor(var%20i%3D0%3Bi%3CCdateBoxs.length%3Bi%2B%2B)CdateBoxs%5Bi%5D.style.display%20%3D%20%22none%22%3B%20%0D%0AshowDate(CdateBoxs%5B0%5D)%3B%20%0D%0Afunction%20showDate(obj)%7B%20%0D%0Aif(%20!obj%20)return%3B%20%0D%0Aobj.style.display%20%3D%20%22inline%22%3B%20%0D%0Abox.timeHandle%20%3D%20window.setTimeout(function()%7BshowDate(obj.nextSibling)%3B%7D%2C1)%3B%20%0D%0A%7D%20%0D%0Athis.show%20%3D%20show%20%0D%0A%7D%20%0D%0A%2F*%20%0D%0Afunction%20show()%20%0D%0A%7B%20%0D%0A%7D%20%0D%0A*%2F%20%0D%0A%3C%2Fscript%3E"> </head> <body onselectstart="return false"> <div style="margin:0 0 0 0;"> <div id="controlBar"><span class="controlButton" cmd="py" title="上一年">33</span><span class="controlButton" cmd="pm" title="上一月">3</span><span id="titleYear"></span><span class="controlButton" cmd="nm" title="下一月">4</span><span class="controlButton" cmd="ny" title="下一年">44</span></div> <div id="weekNameBox"></div> <div id="calendarBox"></div> </div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程