لقد جربتها أيضًا واكتسبت الكثير. بعد إتقان مبادئ التنفيذ الخاصة بمؤثرات تقويم JS الخاصة ، أريد إضافة المزيد من الوظائف وأستطيع تشغيلها بحرية. دعني أشاركها هنا أولاً. إذا كنت مهتمًا ، يمكنك تجربته!
تشارك هذه المقالة أمثلة JS لتنفيذ تأثيرات التقويم مع التقويمات القمرية وغيرها من المعلومات. حجم الكود كبير جدًا للرجوع إليه. المحتوى المحدد كما يلي
صورة التكاثر:
رمز التنفيذ:
<html> <head> <title> التقويم الدائم </title> <meta content = "Lunar Calendar ؛ Solar Calendar ؛ Monthly Calendar ؛ Festival ؛ Time Zone ؛ Solar Term ؛ ثمانية أحرف ؛ ينبع وفروع ؛ Zodiac ؛ Gregorian Solar ؛ Calendar ؛ Calendar ؛" name = keywords> <meta content = all name = robots> <meta content = "Gregorian Solar Calendar and Chinese Lunar Calendar" name = description> <meta charset = "utf-8"/> <style type = "text/css"> body {margin: 0px ؛ الحشو: 0px ؛ } </style> </head> <body> <center> <br> <جدول CellPadding = "0" CellPacing = "0" id = "1"> <td> <style> #cal {width: 434px ؛ الحدود: 1 بكسل Solid #C3d9ff ؛ حجم الخط: 12 بكسل ؛ الهامش: 8px 0 0 15px ؛ } #cal #top {height: 29px ؛ Line-Leight: 29px ؛ الخلفية: #e7EEF8 ؛ اللون: #003784 ؛ حشو اليسار: 30 بكسل ؛ } #cal #top select {font-size: 12px ؛ } #cal #top input {padding: 0 ؛ } #cal ul #wk {margin: 0 ؛ الحشو: 0 ؛ الارتفاع: 25 بكسل ؛ } #cal ul #wk li {float: left ؛ العرض: 60px ؛ محاذاة النص: المركز ؛ رفع الخط: 25 بكسل ؛ على غرار القائمة: لا شيء ؛ } #cal ul #wk li b {font-weight: normal ؛ اللون: #C60B02 ؛ } #cal #cm {clear: left ؛ أعلى الحدود: 1 بكسل Solid #DDD ؛ Border-Bottom: 1px منقط #DDD ؛ الموقف: قريب } #cal #cm .Cell {position: absolute ؛ العرض: 42 بكسل ؛ الارتفاع: 36 بكسل ؛ محاذاة النص: المركز ؛ الهامش: 0 0 0 9px ؛ } #cal #cm .Cell .So {font: Bold 16px arial ؛ } #cal #bm {text-align: right ؛ الارتفاع: 24 بكسل ؛ Line-Leight: 24px ؛ الحشو: 0 13px 0 0 ؛ } #cal #bm a {color: 7977ce ؛ } #cal #fd {display: none ؛ الموقف: مطلق ؛ الحدود: 1 بكسل Solid #DDDDF ؛ الخلفية: #feffcd ؛ الحشو: 10 بكسل ؛ خط الارتفاع: 21px ؛ العرض: 150 بكسل ؛ } #cal #fd b {font-weight: normal ؛ اللون: #C60A00 ؛ } </style> <!-[إذا كان ie]> <style> #cal #top {padding-top: 4px ؛} #cal #top input {width: 65px ؛} #cal #fd {width: 170px ؛} </style> <! ID = "TOP"> Agenda <SELECT> </select> year <select> </select> year <SELECT> </rection> year </select> select> year <SELECT> </3 select> year <SELECT> </select> year <SELECT> </reveld> select> </select> select> year </select> select> year </select> year> ye ar <erect> </select> year <SELECT> </select> year <select> </select> year <SELECT> </select> year </select> </select> year <SELECT> </select> year <select> </select> year <select> </select> year </select> </select> year> select> select> select> select> </s elect> year <select> </select> year <select> </select> year <select> </select> year <select> </select> year </select> </select> year <Select> </select> year <select> </select> year <select> </select> year <select> </select> select> year </select> select> year <se ats> </select> year <select> </select> year <select> </select> year <SELECT> </3 select> year </select> select> year <select> </select> year <select> </select> year> C ({'fm': 'alop' ، 'title': this.innerhtml ، 'url': this.href ، 'p1': al_c (this) ، 'p2': 1}) </body> <script language = "javaScript"> <!-(function () {var s = navigator.useragent.indexof ("msie")! = -1 &&! 0x0a570 ، 0x054d5 ، 0x0d260 ، 0x0d950 ، 0x16554 ، 0x056a0 ، 0x09ad0 ، 0x055d2 ، 0x04ae0 ، 0x0a5b6 ، 0x0a4d0 ، 0x0d250 ، 0x1d25 ، 0x0a2 ، 0x095b0 ، 0x14977 ، 0x04970 ، 0x0a4b0 ، 0x0b4b5 ، 0x06a50 ، 0x06d40 ، 0x1ab54 ، 0x02b60 ، 0x09570 ، 0x052f2 0x0ea50 ، 0x06e95 ، 0x05ad0 ، 0x02b60 ، 0x186e3 ، 0x092e0 ، 0x1c8d7 ، 0x0c950 ، 0x0d4a0 ، 0x1d8a6 ، 0x0b550 ، 0x056a0 ، 0x1a5. 0x0d2b2 ، 0x0a950 ، 0x0b557 ، 0x06ca0 ، 0x0b550 ، 0x15355 ، 0x04da0 ، 0x0a5b0 ، 0x14573 ، 0x052b0 ، 0x0a9a8 ، 0x0e950 ، 0x06aa0 ، 0x04b60 ، 0x0aae4 ، 0x0a570 ، 0x05260 ، 0x0f263 ، 0x0d950 ، 0x05b57 ، 0x056a0 ، 0x096d0 ، 0x04dd5 ، 0x04ad0 ، 0x0a4d0 ، 0x0d4 ، 0x0b540 ، 0x0b6a0 ، 0x195a6 ، 0x095b0 ، 0x049b0 ، 0x0a974 ، 0x0a4b0 ، 0x0b27a ، 0x06a50 ، 0x06d40 ، 0x0af46 ، 0x0ab60 ، 0x09570 ، 0x049. 0x064b0 ، 0x074a3 ، 0x0ea50 ، 0x06b58 ، 0x055c0 ، 0x0ab60 ، 0x096d5 ، 0x092e0 ، 0x0c960 ، 0x0d954 ، 0x0d4a0 ، 0x0da50 ، 0x0752 ، 0x025d0 ، 0x092d0 ، 0x0cab5 ، 0x0a950 ، 0x0b4a0 ، 0x0baa4 ، 0x0ad50 ، 0x055d9 ، 0x04ba0 ، 0x0a5b0 ، 0x15176 ، 0x052b0 ، 0x0ad50 ، 0x05b52 ، 0x04b60 ، 0x0a6e6 ، 0x0a4e0 ، 0x0d260 ، 0x0ea65 ، 0x0d530 ، 0x05aa0 ، 0x076a3 ، 0x096d0 ، 0x04bd7 ، 0x04ad0 ، 0x0ad0 ، 0x0d250 ، 0x0d520 ، 0x0dd45 ، 0x0b5a0 ، 0x056d0 ، 0x055b2 ، 0x049b0 ، 0x0a577 ، 0x0a4b0 ، 0x0aa50 ، 0x1b255 ، 0x06d20 ، 0x0a0 ، 0x14b63 ding wu ji geng xin ren gui "؛ var j =" zi chou yin yin mao chen si wu wei wei shen you xu hai "؛ var o = "Qingming" ، "المطر العظيم" ، "بداية الصيف" ، "رجل صغير" ، "بذور الحبيبات" ، "Summer Solar" ، "Little Heat" ، "HAME HEAT" ، "Great Heat" ، "Bird of Autrumn" ، "Dragon Heat" ، 63836 ، 85337 ، 107014 ، 128867 ، 150921 ، 173149 ، 195551 ، 218072 ، 240693 ، 263343 ، 285989 ، 308563 ، 331033 ، 353350 ، 375494 ، 397444 ، 419210 ، 440795 ، 440795 ، 483532 ، 504758] ؛ "0101": "*1 يوم رأس السنة الجديدة" ، "0214": "عيد الحب" ، "0305": "Learn from Lei Feng's Memorial Day" ، "0308": "Women's Day" ، "0312": "Arbor Day" ، "0315": "Consumer Rights Day" ، "0504": "يوم الشباب" ، "0601": "يوم الأطفال الدولي" ، "0701": "عيد ميلاد الحزب الشيوعي في الصين" ، "0801": "يوم الجيش" ، "0910": "الصين": " "*2 مهرجان الربيع" ، "0115": "مهرجان فانوس" ، "0505": "*1 مهرجان قارب التنين" ، "0815": " VAR H = تاريخ جديد (31556925974.7 * (J - 1900) + D [I] * 60000) H) 1: 0} الإرجاع (J + B (k)) 15) دالة e (i ، h) 2050 && n> k ++) (J> 0 && k == (j + 1) }} if (n == 0 && j> 10؟ "DD": GROUNG G ( = "M") ؛ this.lunarmonth = this.lunardate) ؛ this.restdays = 0 ؛ "d")) {this.showinlunar = this.jieqi = l [(this.solarmonth - 1) * 2 + 1]} if (c (this.solaryear ، (this.solarmonth - 1) * 2 + 1]} if (this.showinlunar == "qingming") } this.solarfestival = v [y ، "mm") + f (y ، "dd") parseint ($ 1) ؛ g (this.lunarmonth) + g (this.lunardate)] ؛ this.restdays: parseint (regexp. $ 1) ؛ 1} this.showinlunar = (this.lunarfestival == "")؟ {} ؛ 30 ، [ب] Math.ceil ((d+g (a.solaryear ، a.solarmonth- 1)) / 7) ؛ {x.datearray [e] = null ؛ } return {init: function (a) {z (a)} ، getjson: function () {return x}}}) () ؛ M (Top ") } وظيفة (G) U (تاريخ جديد (J ، 3 ، 1) ؛ DATE () A (G) ؛ "محدد" D (G.Solaryear ، n = (function () {function c () {var z = q.getjson () ؛ var c = z.datearray ؛ m ("cm"). style.height = z.lines * 38 + 2 + x = r ("div") ؛ 38 + "px" ؛ y.style.color = "#666" ؛ m (cm "). appendchild (x)} var g =" div ") ؛ {var b =/(budap.+؟^=! (typeof (c) == "Object") {return "#{solaryear} السنة#{solarmonth} "<br>#{ganzhiyear} السنة#{ganzhimonth} الشهر#{ganzhidate}" ؛ #{jieqi} </b> "} c.style.display = "none"} return {show: function (z) {g (z)} ، function () {x ()} ، init: function (z) {c = z}}}) () ؛ "http://zh.wikipedia.org/zh-cn/" Window.attachevent ("Onload" ، Function () {W.Reset (a)}} w.init (a) ؛ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون من المفيد للجميع تعلم برمجة JavaScript.