HTML代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body > <!-- 一些js功能 --> <table cellpadding="0" cellspacing="0" id="1"> <tr> <td><style> body,td,.p1,.p2,.i{font-family:arial} body{margin:6px 0 0 0;background-color:#fff;color:#000;} table{border:0} #cal{width:434px;border:1px solid #c3d9ff;font-size:12px;margin:8px 0 0 15px;background-image:image/1.png;text-align: center;position: absolute;left: 400px;} #cal #top{height:29px;line-height:29px;background:#e7eef8;color:#003784;padding-left:70px} #cal #top select{font-size:12px} #cal #top input{padding:0} #cal ul#wk{margin:0;padding:0;height:25px} #cal ul#wk li{float:left;width:60px;text-align:center;line-height:25px;list-style:none} #cal ul#wk li b{font-weight:normal;color:#c60b02} #cal #cm{clear:left;border-top:1px solid #ddd;border-bottom:1px dotted #ddd;position:relative} #cal #cm .cell{position:absolute;width:42px;height:36px;text-align:center;margin:0 0 0 9px} #cal #cm .cell .so{font:bold 16px arial;} #cal #bm{text-align:right;height:24px;line-height:24px;padding:0 13px 0 0} #cal #bm a{color:7977ce} #cal #fd{display:none;position:absolute;border:1px solid #dddddf;background:#feffcd;padding:10px;line-height:21px;width:150px} #cal #fd b{font-weight:normal;color:#c60a00} </style> <!--[if IE]> <style> #cal #top{padding-top:4px} #cal #top input{width:65px} #cal #fd{width:170px} </style> <![endif]--> <div id="cal"> <div id="top">公元 <select> </select> 年 <select> </select> 月 农历<span></span>年 [ <span></span>年 ] <input type="button" value="回到今天" title="点击后跳转回今天" style="padding:0px"> </div> <ul id="wk"> <li>一</li> <li>二</li> <li>三</li> <li>四</li> <li>五</li> <li><b>六</b></li> <li><b>日</b></li> </ul> <div id="cm"></div> <div id="bm"></div> </div></td> </tr> </table> <script type="text/javascript"> <!-- (function(){ var S=navigator.userAgent.indexOf("MSIE")!=-1&&!window.opera; function M(C){ return document.getElementById(C) } function R(C){ return document.createElement(C) } var P=[19416,19168,42352,21717,53856,55632,91476,22176,39632,21970,19168,42422,42192,53840,119381,46400,54944,44450,38320,84343,18800,42160,46261,27216,27968,109396,11104,38256,21234,18800,25958,54432,59984,28309,23248,11104,100067,37600,116951,51536,54432,120998,46416,22176,107956,9680,37584,53938,43344,46423,27808,46416,86869,19872,42448,83315,21200,43432,59728,27296,44710,43856,19296,43748,42352,21088,62051,55632,23383,22176,38608,19925,19152,42192,54484,53840,54616,46400,46496,103846,38320,18864,43380,42160,45690,27216,27968,44870,43872,38256,19189,18800,25776,29859,59984,27480,21952,43872,38613,37600,51552,55636,54432,55888,30034,22176,43959,9680,37584,51893,43344,46240,47780,44368,21977,19360,42416,86390,21168,43312,31060,27296,44368,23378,19296,42726,42208,53856,60005,54576,23200,30371,38608,19415,19152,42192,118966,53840,54560,56645,46496,22224,21938,18864,42359,42160,43600,111189,27936,44448]; var K="甲乙丙丁戊己庚辛壬癸"; var J="子丑寅卯辰巳午未申酉戌亥"; var O="鼠牛虎兔龙蛇马羊猴鸡狗猪"; var L=["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"]; var D=[0,21208,43467,63836,85337,107014,128867,150921,173149,195551,218072,240693,263343,285989,308563,331033,353350,375494,397447,419210,440795,462224,483532,504758]; var B="日一二三四五六七八九十"; var H=["正","二","三","四","五","六","七","八","九","十","十一","腊"]; var E="初十廿卅"; var V={ "0101":"*1元旦节","0214":"情人节","0305":"学雷锋纪念日","0308":"妇女节","0312":"植树节","0315":"消费者权益日","0401":"愚人节","0501":"*1劳动节","0504":"青年节","0601":"国际儿童节","0701":"**党诞辰","0801":"建军节","0910":"中国教师节","1001":"*3国庆节","1224":"平安夜","1225":"圣诞节" } ; var T={ "0101":"*2春节","0115":"元宵节","0505":"*1端午节","0815":"*1中秋节","0909":"重阳节","1208":"腊八节","0100":"除夕" } ; function U(Y){ function c(j,i){ var h=new Date((31556925974.7*(j-1900)+D[i]*60000)+Date.UTC(1900,0,6,2,5)); return(h.getUTCDate()) } function d(k){ var h,j=348; for(h=32768;h>8;h>>=1){ j+=(P[k-1900]&h)?1:0 } return(j+b(k)) } function a(h){ return(K.charAt(h%10)+J.charAt(h%12)) } function b(h){ if(g(h)){ return((P[h-1900]&65536)?30:29) } else{ return(0) } } function g(h){ return(P[h-1900]&15) } function e(i,h){ return((P[i-1900]&(65536>>h))?30:29) } function C(m){ var k,j=0,h=0; var l=new Date(1900,0,31); var n=(m-l)/86400000; this.dayCyl=n+40; this.monCyl=14; for(k=1900;k<2050&&n>0;k++){ h=d(k); n-=h; this.monCyl+=12 } if(n<0){ n+=h; k--; this.monCyl-=12 } this.year=k; this.yearCyl=k-1864; j=g(k); this.isLeap=false; for(k=1;k<13&&n>0;k++){ if(j>0&&k==(j+1)&&this.isLeap==false){ --k; this.isLeap=true; h=b(this.year) } else{ h=e(this.year,k) } if(this.isLeap==true&&k==(j+1)){ this.isLeap=false } n-=h; if(this.isLeap==false){ this.monCyl++ } } if(n==0&&j>0&&k==j+1){ if(this.isLeap){ this.isLeap=false } else{ this.isLeap=true; --k; --this.monCyl } } if(n<0){ n+=h; --k; --this.monCyl } this.month=k; this.day=n+1 } function G(h){ return h<10?"0"+h:h } function f(i,j){ var h=i; return j.replace(/dd?d?d?|MM?M?M?|yy?y?y?/g,function(k){ switch(k){ case"yyyy":var l="000"+h.getFullYear(); return l.substring(l.length-4); case"dd":return G(h.getDate()); case"d":return h.getDate().toString(); case"MM":return G((h.getMonth()+1)); case"M":return h.getMonth()+1 } } ) } function Z(i,h){ var j; switch(i,h){ case 10:j="初十"; break; case 20:j="二十"; break; case 30:j="三十"; break; default:j=E.charAt(Math.floor(h/10)); j+=B.charAt(h%10) } return(j) } this.date=Y; this.isToday=false; this.isRestDay=false; this.solarYear=f(Y,"yyyy"); this.solarMonth=f(Y,"M"); this.solarDate=f(Y,"d"); this.solarWeekDay=Y.getDay(); this.solarWeekDayInChinese="星期"+B.charAt(this.solarWeekDay); var X=new C(Y); this.lunarYear=X.year; this.shengxiao=O.charAt((this.lunarYear-4)%12); this.lunarMonth=X.month; this.lunarIsLeapMonth=X.isLeap; this.lunarMonthInChinese=this.lunarIsLeapMonth?"闰"+H[X.month-1]:H[X.month-1]; this.lunarDate=X.day; this.showInLunar=this.lunarDateInChinese=Z(this.lunarMonth,this.lunarDate); if(this.lunarDate==1){ this.showInLunar=this.lunarMonthInChinese+"月" } this.ganzhiYear=a(X.yearCyl); this.ganzhiMonth=a(X.monCyl); this.ganzhiDate=a(X.dayCyl++); this.jieqi=""; this.restDays=0; if(c(this.solarYear,(this.solarMonth-1)*2)==f(Y,"d")){ this.showInLunar=this.jieqi=L[(this.solarMonth-1)*2] } if(c(this.solarYear,(this.solarMonth-1)*2+1)==f(Y,"d")){ this.showInLunar=this.jieqi=L[(this.solarMonth-1)*2+1] } if(this.showInLunar=="清明"){ this.showInLunar="清明节"; this.restDays=1 } this.solarFestival=V[f(Y,"MM")+f(Y,"dd")]; if(typeof this.solarFestival=="undefined"){ this.solarFestival="" } else{ if(/\*(\d)/.test(this.solarFestival)){ this.restDays=parseInt(RegExp.$1); this.solarFestival=this.solarFestival.replace(/\*\d/,"") } } this.showInLunar=(this.solarFestival=="")?this.showInLunar:this.solarFestival; this.lunarFestival=T[this.lunarIsLeapMonth?"00":G(this.lunarMonth)+G(this.lunarDate)]; if(typeof this.lunarFestival=="undefined"){ this.lunarFestival="" } else{ if(/\*(\d)/.test(this.lunarFestival)){ this.restDays=(this.restDays>parseInt(RegExp.$1))?this.restDays:parseInt(RegExp.$1); this.lunarFestival=this.lunarFestival.replace(/\*\d/,"") } } if(this.lunarMonth==12&&this.lunarDate==e(this.lunarYear,12)){ this.lunarFestival=T["0100"]; this.restDays=1 } this.showInLunar=(this.lunarFestival=="")?this.showInLunar:this.lunarFestival; this.showInLunar=(this.showInLunar.length>4)?this.showInLunar.substr(0,2)+"...":this.showInLunar } var Q=(function(){ var X={ } ; X.lines=0; X.dateArray=new Array(42); function Y(a){ return(((a%4===0)&&(a%100!==0))||(a%400===0)) } function G(a,b){ return[31,(Y(a)?29:28),31,30,31,30,31,31,30,31,30,31][b] } function C(a,b){ a.setDate(a.getDate()+b); return a } function Z(a){ var f=0; var c=new U(new Date(a.solarYear,a.solarMonth-1,1)); var d=(c.solarWeekDay-1==-1)?6:c.solarWeekDay-1; X.lines=Math.ceil((d+G(a.solarYear,a.solarMonth-1))/7); for(var e=0;e<X.dateArray.length;e++){ if(c.restDays!=0){ f=c.restDays } if(f>0){ c.isRest=true } if(d-->0||c.solarMonth!=a.solarMonth){ X.dateArray[e]=null; continue } var b=new U(new Date()); if(c.solarYear==b.solarYear&&c.solarMonth==b.solarMonth&&c.solarDate==b.solarDate){ c.isToday=true } X.dateArray[e]=c; c=new U(C(c.date,1)); f-- } } return{ init:function(a){ Z(a) } ,getJson:function(){ return X } } } )(); var W=(function(){ var C=M("top").getElementsByTagName("SELECT")[0]; var X=M("top").getElementsByTagName("SELECT")[1]; var G=M("top").getElementsByTagName("SPAN")[0]; var c=M("top").getElementsByTagName("SPAN")[1]; var Y=M("top").getElementsByTagName("INPUT")[0]; function a(g){ G.innerHTML=g.ganzhiYear; c.innerHTML=g.shengxiao } function b(g){ C[g.solarYear-1901].selected=true; X[g.solarMonth-1].selected=true } function f(){ var j=C.value; var g=X.value; var i=new U(new Date(j,g-1,1)); Q.init(i); N.draw(); if(this==C){ i=new U(new Date(j,3,1)); G.innerHTML=i.ganzhiYear; c.innerHTML=i.shengxiao } var h=new U(new Date()); Y.style.visibility=(j==h.solarYear&&g==h.solarMonth)?"hidden":"visible" } function Z(){ var g=new U(new Date()); a(g); b(g); Q.init(g); N.draw(); Y.style.visibility="hidden" } function d(k,g){ for(var j=1901;j<2050;j++){ var h=R("OPTION"); h.value=j; h.innerHTML=j; if(j==k){ h.selected="selected" } C.appendChild(h) } for(var j=1;j<13;j++){ var h=R("OPTION"); h.value=j; h.innerHTML=j; if(j==g){ h.selected="selected" } X.appendChild(h) } C.onchange=f; X.onchange=f } function e(g){ d(g.solarYear,g.solarMonth); G.innerHTML=g.ganzhiYear; c.innerHTML=g.shengxiao; Y.onclick=Z; Y.style.visibility="hidden" } return{ init:function(g){ e(g) } ,reset:function(g){ b(g) } } } )(); var N=(function(){ function C(){ var Z=Q.getJson(); var c=Z.dateArray; M("cm").style.height=Z.lines*38+2+"px"; M("cm").innerHTML=""; for(var a=0;a<c.length;a++){ if(c[a]==null){ continue } var X=R("DIV"); if(c[a].isToday){ X.style.border="1px solid #a5b9da"; X.style.background="#c1d9ff" } X.className="cell"; X.style.left=(a%7)*60+"px"; X.style.top=Math.floor(a/7)*38+2+"px"; var b=R("DIV"); b.className="so"; // http://www.codefans.net b.style.color=((a%7)>4||c[a].isRest)?"#c60b02":"#313131"; b.innerHTML=c[a].solarDate; X.appendChild(b); var Y=R("DIV"); Y.style.color="#666"; Y.innerHTML=c[a].showInLunar; X.appendChild(Y); X.onmouseover=(function(d){ return function(f){ F.show({ dateIndex:d,cell:this } ) } } )(a); X.onmouseout=function(){ F.hide() } ; M("cm").appendChild(X) } var G=R("DIV"); G.id="fd"; M("cm").appendChild(G); F.init(G) } return{ draw:function(G){ C(G) } } } )(); var F=(function(){ var C; function Y(e,c){ if(arguments.length>1){ var b=/([.*+?^=!:${}()|[\]\/\\])/g,Z="{".replace(b,"\\$1"),d="}".replace(b,"\\$1"); var a=new RegExp("#"+Z+"([^"+Z+d+"]+)"+d,"g"); if(typeof (c)=="object"){ return e.replace(a,function(f,h){ var g=c[h]; return typeof (g)=="undefined"?"":g } ) } } return e } function G(b){ var a=Q.getJson().dateArray[b.dateIndex]; var Z=b.cell; var c="#{solarYear} 年 #{solarMonth} 月 #{solarDate} 日 #{solarWeekDayInChinese}"; c+="<br><b>农历 #{lunarMonthInChinese}月#{lunarDateInChinese}</b>"; c+="<br>#{ganzhiYear}年 #{ganzhiMonth}月 #{ganzhiDate}日"; if(a.solarFestival!=""||a.lunarFestival!=""||a.jieqi!=""){ c+="<br><b>#{lunarFestival} #{solarFestival} #{jieqi}</b>" } C.innerHTML=Y(c,a); C.style.top=Z.offsetTop+Z.offsetHeight-5+"px"; C.style.left=Z.offsetLeft+Z.offsetWidth-5+"px"; C.style.display="block" } function X(){ C.style.display="none" } return{ show:function(Z){ G(Z) } ,hide:function(){ X() } ,init:function(Z){ C=Z } } } )(); var A=new U(new Date()); if(S){ window.attachEvent("onload",function(){ W.reset(A) } ) } W.init(A); Q.init(A); N.draw(); } )(); //--> </script>
相关推荐
FRSCalendar(桌面日历工具)是一款十分优秀的桌面日历提醒小工具。想找个合适的桌面日历?FRSCalendar(桌面日历工具)让你满意。用户可以用该软件记住那些纷繁复杂的纪念日,可以选择任何一个月或一年来提醒特殊的日子...
纯HTML开发的桌面助手(闹钟、日历、备忘录等).
因为星语桌面天气日历是通过墙纸性质把天气日历绘到了你的桌面上的。很明确,这只是一张墙纸当然不占用CPU和内存。) 星语桌面天气日历 v5.5.0 更新内容 新添加万年历的计天器,方便计算日子; 新添加标记类型...
飞雪桌面雪桌面日历绿色版》 飞雪桌面日历分安装版和绿色版,两者功能上无差别,可到作者主页http://www.xt263.com下载所需版本。卸载时绿色版请使用Uninstall.exe,安装版使用unins000.exe [运行环境]: 支持32...
本人从网上搜到的一些东西, 经过整合,成了现在的样子。 我是把直接它放在了C:\windows下,然后 在桌面上右键 属性->桌面->自定义桌面->web->新建->C:\windows\wannianli.html 就Ok了! 很实用。
详细介绍: http://szhaitao.blog.hexun.com/9317448_d.html
桌面调用.js 使用 HTML、CSS 和 JavaScript 构建的日历生成器。 您可以使用desktopCal.js创建的日历: 桌面日历挂历数字壁纸日历 只需选择所需的布局,月份和年份,然后加载图片即可。 实时预览您的更改,然后打印您...
VueMinder Ultimate 2019 中文版是目前互联网上最专业的一款电脑桌面日历软件,该软件界面简洁,使用方便,能够支持多个日历同时显示,同时支持各种弹窗提示,包括弹出提醒,桌面警示等,可以有效帮助用户查看日历和...
以便捷的方式查看 Google 日历及在当前网站上直接添加新的日历事件 在浏览器工具栏上获取一个按钮,您可以轻松点击即可从Google日历中查看即将到来的活动,而无需离开您的页面。如果您在有特殊事件编码的网站上,则...
内容索引:脚本资源,HTML,闹钟 这个小工具是用纯静态html页面制作,主要用到了JAVASCRIPT...把此页面设置成活动桌面,可以对你的工作带来方便。它包括有闹钟、日历以及备忘录等功能。另外这些JS技术也是学习的好实例。
Mobile_Calendar,当前版本:0.3.0.0目标: 这个项目旨在成为移动和桌面设备的日历。 它是,并将永远是一个开源项目。 建议总是受欢迎的。 这里的主要重点是训练我的 HTML + CSS + JS 技能。现在: 该项目显示一个...
HTML网页助手,包括JS万年历、网页闹钟、备忘录、天气预报、常用查询,纯静态html页面,集成了一些比较实用的功能。把此页面设置成活动桌面,希望能对你的工作带来方便。解压缩即可使用。
Electron框架允许使用HTML,CSS和JS开发桌面应用程序,这最终使应用程序平台不可知。 Electron的另一个强大优势是能够执行本机OS交互,从而使传统桌面应用程序的功能与Web开发的功能相一致。 计划域 天气来自在线...
增加Safari书签支持从HTML导入功能 增加开发者助手(系统日志)功能。可显示系统内部运行LOG,便于开发者对程序进行调试。 修正部分使用者iTunes升级会提示没有安装iTunes的问题(Sqlite3.dll问题) 修正部分用户...
一个“添加到日历”按钮,用于将事件添加到您的google / yahoo在线日历中,或为桌面ical和Outlook日历应用程序下载ics文件。 要求 要求: 转到1.14 雨果0.61.0 安装 如果还没有,请将您的项目作为Hugo Module: $: ...
虚假的GCal导出集成将集成添加到,该可以分析电子邮件中的日期/时间,并显示它们以导出到Google...本地服务器有时由于localtunnel的错误而无法启动,重启似乎可以解决该问题)激活整合打开Missive桌面应用点击左下角的
功能强大的时钟软件,带换桌面,热键音量控制, 闹钟,生日提醒,日历,自动关机,无聊还可以玩玩小精灵,介面漂亮 透明式总在前面,但不会影响你的工作. 无数闹钟或关机设定,如果要在某一日期闹钟请到生日提醒里设定.不过请...
完整日历 Google Firebase (用户身份验证) 后端 node.js 表达 猫鼬/ mLab MongoDB(Heroku) 部署方式 Heroku 屏幕截图 主页-桌面 关于-桌面 预订-桌面 登录页面-桌面 注册页面-桌面 服务页面-桌面 ...
【快捷方式】在多功能清单中,您可以为任意的任务创建桌面快捷方式,您还可以使用我们精心为您准备的桌面小控件,来展示自己的任务列表,从桌面发起请求创建任务,甚至可以在桌面直接创建任务; 【浮动按钮】除了...
无论是智能手机、平板电脑或桌面浏览器都能完美适应。最新版本基于 Bootstrap 3 构建。 使用LESS编译 响应式设计,支持任何的PC或MAC系统,智能手机和平板电脑。Responsive Design, support any PC or MAC systems...