私も試してみて、たくさん手に入れました。 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プログラミングを学ぶことが役立つことを願っています。