私も試してみて、たくさん手に入れました。 JSカレンダーの特殊効果の実装原則を習得した後、さらに機能を追加して自由に再生できます。ここで最初に共有させてください。興味があれば試すことができます！
この記事では、JSの例を共有して、月のカレンダーやその他の情報でカレンダー効果を実装しています。コードボリュームは参照のために非常に大きいです。特定のコンテンツは次のとおりです
複製画像：
実装コード：
<html> <head> <title>永続的なカレンダー</title> <meta content = "lunar calendal; solar calendal; montle calendar; festival; fastion; solarターム; 8文字と枝;星帯;ゾディアック、グレゴリオ太陽;中国のルナー;カレンダー;カレンダー;" name = keywords> <meta content = all name = robots> <meta content = "gregorian solar calendar and chinenine chalendar" name = description> <meta charset = "utf-8"/> <style type = "text/css"> body {margin：0px;パディング：0px; } </style> </head> <body> <center> <br> <table cellpadding = "0" cellpacing = "0" "id =" 1 "> <tr> <td> <style> #cal {width：434px;ボーダー：1pxソリッド＃C3D9FF;フォントサイズ：12px;マージン：8px 0 0 15px; } #cal #top {height：29px;ラインハイト：29px;背景：＃e7eef8;色：＃003784;パディング左：30px; } #cal #top select {font-size：12px; } #cal #top input {padding：0; } #cal ul＃wk {margin：0;パディング：0;高さ：25px; } #cal ul＃wk li {float：left;幅：60px;テキストアライグ：センター;ラインハイト：25px;リストスタイル：なし; } #cal ul＃wk li b {font-weight：normal;色：＃C60B02; } #cal #cm {clear：left;ボーダートップ：1PX SOLID #DDD;国境圏：1px点線#ddd;位置：相対; } #cal #cm .cell {position：absolute;幅：42px;高さ：36px;テキストアライグ：センター;マージン：0 0 9px; } #cal #cm .cell .so {font：bold 16px arial; } #cal #bm {text-align：right;高さ：24px;ラインハイト：24px;パディング：0 13px 0 0; } #cal #bm a {color：7977ce; } #cal #fd {display：none;位置：絶対;ボーダー：1px solid #ddddf;背景：#feffcd;パディング：10px;ラインハイト：21px;幅：150px; } #cal #fd b {font-weight：normal;色：＃c60a00; } </style> <！ - [if ie]> <style> #cal #top {padding-top：4px;}＃cal #top input {width：65px;}＃cal #fd {width：170pts;} </style> <！[endif] - > <div "cal"> <div div div id = "top"> agenda <select> </select> year <select> </select> year <select> </select> year <select> </select> year <select> </select> year <select> </select> aeect> select> year <select> </select> year <select> </select> ye ar <select> </select> year <select> </select> year <select> select> select> year <select> </select> year <select> </select> year <select> </select> year <select> </select> year <select> select> year <select> </select> elect> year <select> </select> year <select> </select> year <select> </select> year <select> </select> year <select> </select> year <select> </select> year <select> </select> Lect> </select> year <select> </select> year <select> select> year <select> </select> year <select> </select> year <select> </select> year <select> </select> year <select> select> c（{'fm'： 'alop'、 'title'：this.innerhtml、 'url'：this.href、 'p1'：al_c（this）、 'p2'：1}） "javascript：void（0）">今日の歴史</a> </body> <スクリプト言語= "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 = 0x04bd8、004a 0x0a570、0x054d5、0x0d260、0x0d950、0x16554、0x056a0、0x09ad0、0x055d2、0x04ae0、0x0a5b6、0x0a4d0、0x0d250、0x1d255、0x0d6a 0x0a2、0x095b0、0x14977、0x04970、0x0a4b0、0x0b4b5、0x06a50、0x06d40、0x1ab54、0x02b60、0x09570、0x052fffffffffffffffffffffffffffffffffffffffff率0x0ea50、0x06e95、0x05ad0、0x02b60、0x186e3、0x092e0、0x1c8d7、0x0c950、0x0d4a0、0x1d8a6、0x0b550、0x056a0、0x1a5b4、0x025d0、0x025d0、 0x0d2b2、0x0a950、0x0b557、0x06ca0、0x0b550、0x15355、0x04da0、0x0a5b0、0x14573、0x052b0、0x0a9a8、0x0e950、0x06a0、0x0aa0、0x06a0、0x0aea6 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0, 0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540、0x0b6a0、0x195a6、0x095b0、0x049b0、0x0a974、0x0a4b0、0x0b27a、0x06a50、0x06d40、0x0af46、0x0ab60、0x09570、0x04970、0x04970、0x04970 0x064b0、0x074a3、0x0ea50、0x06b58、0x055c0、0x0ab60、0x096d5、0x092e0、0x0c960、0x0d954、0x0d4a0、0x0da50、0x07552、0x056a0、0x057a 0x025d0、0x092d0、0x0cab5、0x0a950、0x0b4a0、0x0baa4、0x0ad50、0x0a5b0、0x15176、0x052b0、0x0a930、0x07954、0x07954、0x0a930、0x07954、 0x0Ad50、0x05b52、0x04b60、0x0a6e6、0x0a4e0、0x0d260、0x0ea65、0x0d530、0x05aa0、0x076a3、0x096d0、0x04bd7、0x04ad0、0x0、0x0、0x06d0、 0x0d250、0x0d520、0x0dd45、0x0b5a0、0x056d0、0x055b2、0x049b0、0x0a577、0x0a4b0、0x0aa50、0x1b255、0x06d20、0x0、0x14b63 ding wu ji geng xin ren gui "; var j =" zi chou yin mao chen si wew wei shen you xu hai "; var o =" rat、ox、tiger、rabbit、dragon、snake、馬、羊、羊、モンキー、鶏、犬、豚 "; equinox "、" qinging "、" great Rain]、 "summer of Summer man"、 "Little man"、 "graining Seeds"、 "Summer Solar"、 "Little heat"、 "Light Heat]、「Great Heat」、「Bird of Autumn」、「Dragon Heat」、「Dragon Dew」、「Frost Dew」、「Bird of Winter」、「winter Solstice」、「winter solstice」 43467、63836、85337、107014、128867、150921、173149、195551、218072、240693、263343、285989、308563、331033、353350、375494、397447、419210、419210、419210、419210 462224、483532、504758]; v = {"0101"： "*1新年の日"、 "0214"： "バレンタインデー"、 "0305"： "レイフンの記念日から学ぶ"、 "0308"： "women's Day"、 "0312"： "arbor Day"、 "0315"： "消費者の日"： "0401 「0504」：「青少年の日」、「国際子供の日」、「0701」：「中国共産党の誕生日」、「0801」：「軍隊の日」、「中国教師の日」、「1001」 「*2春のフェスティバル」、「0115」：「ランタンフェスティバル」、「0505」：「*1ドラゴンボートフェスティバル」、「0815」：「*1ミッドアウトゥムフェスティバル」、0909 "：「ダブルナインフェスティバル」、「1208」：「ラバフェスティバル」、「0100」日付（3156925974.7 *（j -1900） + d [i] * 60000） + date（1900、0、6、2、5）） 1：0} return（j + b（k））} function a（h）{return（k.charat（h％10） + j.charat（h％12））} function b（h）{if（g（h -1900]＆65536）？30：29）} return（（p [h -1900]＆65536）？ } return（p [i -1900]＆（65536 >> h）} {var k、h = 0（1900、0、31）; && n> 0; （j> 0 && k ==（j + 1）&& false）{ - k; moncyl ++} if（n == 0 && k == j + 1）{this.isleap = false} function g（h）{return h <10 " + h：h} function f（i、j） L.Substring（L.LENG -4）;ケース：「20」 「Yyyy」）; O.Charat（This.lunary.lunaristh = x.isleap; this.lunardateinchinese = z（this.lunardate）; a（x.daycyl ++）; jieqi = ""; （this.solarmonth -1） * 2 + 1）== f（y、 "d"））{this.showinlunar = this.jieqi = l [（this.solarmonth -1） * 2 + 1]} if（c（c（this.solarear、（this.solarmonth -1） * 2 + 1] this.showinlunar = "Qingming Festival"; restdays = 1} {this. -restdays（regexp。$ 1）; 「00」（this.lunarmonth） + g（this.lunardate）]; parseint（regexp。$ 1）？ T [0100 "]; 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） 31、30、31、30、31] [a、b）{a.getdate（） + b）{a）{bar c = 0; x.lines = math.ceil（d+g（a.solaryear、a.solarmonth-1）） / 7）; a.solarmonth）{x.datearray [e] = new u（new date（））; 1）） M（ "top"）。 'span "）[top"） B（G.Solary -1901]。 3、1）; B（g）; c.AppendChild} for（var j <13; j ++）{h.value = j; G.Solarmonth）; c（）{q.getjson（）z.datearray （c.istoday）{x.style.border = a5b9da "} x.classname =" cell "; b = b.classname = color =（a]＃c602 "："＃313131 "; "＃666"; innerhtml = c.showinlunar（y）; M（ "CM"）。var g = r（ "div"）; b = /(.........................//]/g、z = "{" // "}"。 == "Object"）{a、function（f、h）{var g = c [h]; return typeof（g）== g}} function g（b）{var a = q.getjson（） 「＃{solaryear} {solarmonth}月{solardate} day＃{solarweekdayinchinese} "<br> <b> {lunarmonthinchinese}月「<br>＃{ganzhiyear} year＃{ganzhimonth}月＃{ganzhidate} day "; ＃{jieqi} </b> "} c.innerhtml = y（c、a）; c.style.top = z.offsettop + z.offseetheight -5 +" px "; c.style.left = Z.OffsetLeft + Z.OffsetWidth-5 +" Px "; c.style.display = "none"} return {show：function（z）{g（z）}、hide：function（）{x（）}、init：function（z）{c = z}}}）（）{var g = m（ "bm"）。 http://zh.wikipedia.org/zh-cn/ " + x.solarmonth"％e6％9c％88 " + x.solardate +" e6％97％a5 "} window.attachevent（w.reset（a）}} w.init（a）;上記はこの記事に関するものです。誰もがJavaScriptプログラミングを学ぶことが役立つことを願っています。