html--万年历

在这里插入图片描述

在这里插入图片描述

<!DOCTYPE html>
<html lang="zh_CN">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta charset="utf-8" />
    <title>万年历</title>
    <link rel="stylesheet" type="text/css" href="./file/aio_e3dd3cc.css" />
    <link rel="stylesheet" type="text/css" href="./file/aio_8302a90.css" />
  </head>
  <body>
    <div id="bd">
      <div class="h_calendar_box clearfix">
        <div class="h_calendar">
          <div class="h_calendar_select e_clear">
            <div class="time">21:31:27</div>
            <form>
              <div class="select_date e_clear">
                <div class="select_year e_clear">
                  <a class="left_arrow" method="prev" href="javascript:;"></a>
                  <div class="select_year_box">
                    <div class="dropselectbox">
                      <h4 val="2021">2021年</h4>
                      <ul class="none" style="display: none">
                        <li val="1901">1901年</li>
                        <li val="1902">1902年</li>
                        <li val="1903">1903年</li>
                        <li val="1904">1904年</li>
                        <li val="1905">1905年</li>
                        <li val="1906">1906年</li>
                        <li val="1907">1907年</li>
                        <li val="1908">1908年</li>
                        <li val="1909">1909年</li>
                        <li val="1910">1910年</li>
                        <li val="1911">1911年</li>
                        <li val="1912">1912年</li>
                        <li val="1913">1913年</li>
                        <li val="1914">1914年</li>
                        <li val="1915">1915年</li>
                        <li val="1916">1916年</li>
                        <li val="1917">1917年</li>
                        <li val="1918">1918年</li>
                        <li val="1919">1919年</li>
                        <li val="1920">1920年</li>
                        <li val="1921">1921年</li>
                        <li val="1922">1922年</li>
                        <li val="1923">1923年</li>
                        <li val="1924">1924年</li>
                        <li val="1925">1925年</li>
                        <li val="1926">1926年</li>
                        <li val="1927">1927年</li>
                        <li val="1928">1928年</li>
                        <li val="1929">1929年</li>
                        <li val="1930">1930年</li>
                        <li val="1931">1931年</li>
                        <li val="1932">1932年</li>
                        <li val="1933">1933年</li>
                        <li val="1934">1934年</li>
                        <li val="1935">1935年</li>
                        <li val="1936">1936年</li>
                        <li val="1937">1937年</li>
                        <li val="1938">1938年</li>
                        <li val="1939">1939年</li>
                        <li val="1940">1940年</li>
                        <li val="1941">1941年</li>
                        <li val="1942">1942年</li>
                        <li val="1943">1943年</li>
                        <li val="1944">1944年</li>
                        <li val="1945">1945年</li>
                        <li val="1946">1946年</li>
                        <li val="1947">1947年</li>
                        <li val="1948">1948年</li>
                        <li val="1949">1949年</li>
                        <li val="1950">1950年</li>
                        <li val="1951">1951年</li>
                        <li val="1952">1952年</li>
                        <li val="1953">1953年</li>
                        <li val="1954">1954年</li>
                        <li val="1955">1955年</li>
                        <li val="1956">1956年</li>
                        <li val="1957">1957年</li>
                        <li val="1958">1958年</li>
                        <li val="1959">1959年</li>
                        <li val="1960">1960年</li>
                        <li val="1961">1961年</li>
                        <li val="1962">1962年</li>
                        <li val="1963">1963年</li>
                        <li val="1964">1964年</li>
                        <li val="1965">1965年</li>
                        <li val="1966">1966年</li>
                        <li val="1967">1967年</li>
                        <li val="1968">1968年</li>
                        <li val="1969">1969年</li>
                        <li val="1970">1970年</li>
                        <li val="1971">1971年</li>
                        <li val="1972">1972年</li>
                        <li val="1973">1973年</li>
                        <li val="1974">1974年</li>
                        <li val="1975">1975年</li>
                        <li val="1976">1976年</li>
                        <li val="1977">1977年</li>
                        <li val="1978">1978年</li>
                        <li val="1979">1979年</li>
                        <li val="1980">1980年</li>
                        <li val="1981">1981年</li>
                        <li val="1982">1982年</li>
                        <li val="1983">1983年</li>
                        <li val="1984">1984年</li>
                        <li val="1985">1985年</li>
                        <li val="1986">1986年</li>
                        <li val="1987">1987年</li>
                        <li val="1988">1988年</li>
                        <li val="1989">1989年</li>
                        <li val="1990">1990年</li>
                        <li val="1991">1991年</li>
                        <li val="1992">1992年</li>
                        <li val="1993">1993年</li>
                        <li val="1994">1994年</li>
                        <li val="1995">1995年</li>
                        <li val="1996">1996年</li>
                        <li val="1997">1997年</li>
                        <li val="1998">1998年</li>
                        <li val="1999">1999年</li>
                        <li val="2000">2000年</li>
                        <li val="2001">2001年</li>
                        <li val="2002">2002年</li>
                        <li val="2003">2003年</li>
                        <li val="2004">2004年</li>
                        <li val="2005">2005年</li>
                        <li val="2006">2006年</li>
                        <li val="2007">2007年</li>
                        <li val="2008">2008年</li>
                        <li val="2009">2009年</li>
                        <li val="2010">2010年</li>
                        <li val="2011">2011年</li>
                        <li val="2012">2012年</li>
                        <li val="2013">2013年</li>
                        <li val="2014">2014年</li>
                        <li val="2015" class="on">2015年</li>
                        <li val="2016">2016年</li>
                        <li val="2017">2017年</li>
                        <li val="2018">2018年</li>
                        <li val="2019">2019年</li>
                        <li val="2020">2020年</li>
                        <li val="2021">2021年</li>
                        <li val="2022">2022年</li>
                        <li val="2023">2023年</li>
                        <li val="2024">2024年</li>
                        <li val="2025">2025年</li>
                        <li val="2026">2026年</li>
                        <li val="2027">2027年</li>
                        <li val="2028">2028年</li>
                        <li val="2029">2029年</li>
                        <li val="2030">2030年</li>
                        <li val="2031">2031年</li>
                        <li val="2032">2032年</li>
                        <li val="2033">2033年</li>
                        <li val="2034">2034年</li>
                        <li val="2035">2035年</li>
                        <li val="2036">2036年</li>
                        <li val="2037">2037年</li>
                        <li val="2038">2038年</li>
                        <li val="2039">2039年</li>
                        <li val="2040">2040年</li>
                        <li val="2041">2041年</li>
                        <li val="2042">2042年</li>
                        <li val="2043">2043年</li>
                        <li val="2044">2044年</li>
                        <li val="2045">2045年</li>
                        <li val="2046">2046年</li>
                        <li val="2047">2047年</li>
                        <li val="2048">2048年</li>
                        <li val="2049">2049年</li>
                        <li val="2050">2050年</li>
                        <li val="2051">2051年</li>
                        <li val="2052">2052年</li>
                        <li val="2053">2053年</li>
                        <li val="2054">2054年</li>
                        <li val="2055">2055年</li>
                        <li val="2056">2056年</li>
                        <li val="2057">2057年</li>
                        <li val="2058">2058年</li>
                        <li val="2059">2059年</li>
                        <li val="2060">2060年</li>
                        <li val="2061">2061年</li>
                        <li val="2062">2062年</li>
                        <li val="2063">2063年</li>
                        <li val="2064">2064年</li>
                        <li val="2065">2065年</li>
                        <li val="2066">2066年</li>
                        <li val="2067">2067年</li>
                        <li val="2068">2068年</li>
                        <li val="2069">2069年</li>
                        <li val="2070">2070年</li>
                        <li val="2071">2071年</li>
                        <li val="2072">2072年</li>
                        <li val="2073">2073年</li>
                        <li val="2074">2074年</li>
                        <li val="2075">2075年</li>
                        <li val="2076">2076年</li>
                        <li val="2077">2077年</li>
                        <li val="2078">2078年</li>
                        <li val="2079">2079年</li>
                        <li val="2080">2080年</li>
                        <li val="2081">2081年</li>
                        <li val="2082">2082年</li>
                        <li val="2083">2083年</li>
                        <li val="2084">2084年</li>
                        <li val="2085">2085年</li>
                        <li val="2086">2086年</li>
                        <li val="2087">2087年</li>
                        <li val="2088">2088年</li>
                        <li val="2089">2089年</li>
                        <li val="2090">2090年</li>
                        <li val="2091">2091年</li>
                        <li val="2092">2092年</li>
                        <li val="2093">2093年</li>
                        <li val="2094">2094年</li>
                        <li val="2095">2095年</li>
                        <li val="2096">2096年</li>
                        <li val="2097">2097年</li>
                        <li val="2098">2098年</li>
                        <li val="2099">2099年</li>
                        <li val="2100">2100年</li>
                      </ul>
                    </div>
                  </div>
                  <a class="right_arrow" method="next" href="javascript:;"></a>
                </div>
                <div class="select_month e_clear">
                  <a class="left_arrow" method="prev" href="javascript:;"></a>
                  <div class="select_month_box">
                    <div class="dropselectbox">
                      <h4 val="5">5月</h4>
                      <ul class="none" style="display: none">
                        <li val="1">1月</li>
                        <li val="2">2月</li>
                        <li val="3">3月</li>
                        <li val="4">4月</li>
                        <li val="5">5月</li>
                        <li val="6">6月</li>
                        <li val="7">7月</li>
                        <li val="8">8月</li>
                        <li val="9">9月</li>
                        <li val="10">10月</li>
                        <li val="11">11月</li>
                        <li val="12">12月</li>
                      </ul>
                    </div>
                  </div>
                  <a class="right_arrow" method="next" href="javascript:;"></a>
                </div>
                <!--div class="select_day">
                  <div class="dropselectbox">
                    <h4 val="">假日安排</h4>
                    <ul class="none" style="display: none">
                      <li val="" class="on">假日安排</li>
                      <li val="202101">元旦</li>
                      <li val="202102">春节</li>
                      <li val="202104">清明节</li>
                      <li val="202105">劳动节</li>
                      <li val="202106">端午节</li>
                      <li val="202109">中秋节</li>
                      <li val="202110">国庆节</li>
                    </ul>
                  </div>
                </div-->
                <a href="javascript:;" class="return_today_btn">返回今天</a>
              </div>
            </form>
          </div>
          <div class="h_calendar_week">
            <ul class="e_clear">
              <li class="week">星期日</li>
              <li>星期一</li>
              <li>星期二</li>
              <li>星期三</li>
              <li>星期四</li>
              <li>星期五</li>
              <li class="week">星期六</li>
            </ul>
          </div>
          <div class="h_calendar_list">
            <ul class="e_clear js-cld-panel">
              <li class="nextbefor weekend" date="2021/4/26">
                <span class="border"></span>
                <div class="solar_date">26</div>
                <div class="lunar_date">初八</div>
              </li>
              <li class="nextbefor" date="2015/4/27">
                <span class="border"></span>
                <div class="solar_date">27</div>
                <div class="lunar_date">初九</div>
              </li>
              <li class="nextbefor" date="2015/4/28">
                <span class="border"></span>
                <div class="solar_date">28</div>
                <div class="lunar_date">初十</div>
              </li>
              <li class="nextbefor" date="2015/4/29">
                <span class="border"></span>
                <div class="solar_date">29</div>
                <div class="lunar_date">十一</div>
              </li>
              <li class="nextbefor" date="2015/4/30">
                <span class="border"></span>
                <div class="solar_date">30</div>
                <div class="lunar_date">十二</div>
              </li>
              <li class="isolar rest vacation" date="2015/5/1">
                <span class="border"></span>
                <div class="solar_date">1</div>
                <div class="lunar_date">国际劳动节</div>
              </li>
              <li class="weekend rest vacation" date="2015/5/2">
                <span class="border"></span>
                <div class="solar_date">2</div>
                <div class="lunar_date">十四</div>
              </li>
              <li class="weekend rest vacation" date="2015/5/3">
                <span class="border"></span>
                <div class="solar_date">3</div>
                <div class="lunar_date">十五</div>
              </li>
              <li class="isolar" date="2015/5/4">
                <span class="border"></span>
                <div class="solar_date">4</div>
                <div class="lunar_date">五四青年节</div>
              </li>
              <li class="" date="2015/5/5">
                <span class="border"></span>
                <div class="solar_date">5</div>
                <div class="lunar_date">十七</div>
              </li>
              <li class="solar" date="2015/5/6">
                <span class="border"></span>
                <div class="solar_date">6</div>
                <div class="lunar_date">立夏</div>
              </li>
              <li class="" date="2015/5/7">
                <span class="border"></span>
                <div class="solar_date">7</div>
                <div class="lunar_date">十九</div>
              </li>
              <li class="" date="2015/5/8">
                <span class="border"></span>
                <div class="solar_date">8</div>
                <div class="lunar_date">二十</div>
              </li>
              <li class="weekend" date="2015/5/9">
                <span class="border"></span>
                <div class="solar_date">9</div>
                <div class="lunar_date">廿一</div>
              </li>
              <li class="weekend isolar" date="2015/5/10">
                <span class="border"></span>
                <div class="solar_date">10</div>
                <div class="lunar_date">母亲节</div>
              </li>
              <li class="" date="2015/5/11">
                <span class="border"></span>
                <div class="solar_date">11</div>
                <div class="lunar_date">廿三</div>
              </li>
              <li class="isolar" date="2015/5/12">
                <span class="border"></span>
                <div class="solar_date">12</div>
                <div class="lunar_date">国际护士节</div>
              </li>
              <li class="" date="2015/5/13">
                <span class="border"></span>
                <div class="solar_date">13</div>
                <div class="lunar_date">廿五</div>
              </li>
              <li class="" date="2015/5/14">
                <span class="border"></span>
                <div class="solar_date">14</div>
                <div class="lunar_date">廿六</div>
              </li>
              <li class="" date="2015/5/15">
                <span class="border"></span>
                <div class="solar_date">15</div>
                <div class="lunar_date">廿七</div>
              </li>
              <li class="weekend" date="2015/5/16">
                <span class="border"></span>
                <div class="solar_date">16</div>
                <div class="lunar_date">廿八</div>
              </li>
              <li class="weekend" date="2015/5/17">
                <span class="border"></span>
                <div class="solar_date">17</div>
                <div class="lunar_date">廿九</div>
              </li>
              <li class="isolar" date="2015/5/18">
                <span class="border"></span>
                <div class="solar_date">18</div>
                <div class="lunar_date">国际博物馆日</div>
              </li>
              <li class="" date="2015/5/19">
                <span class="border"></span>
                <div class="solar_date">19</div>
                <div class="lunar_date">初二</div>
              </li>
              <li class="" date="2015/5/20">
                <span class="border"></span>
                <div class="solar_date">20</div>
                <div class="lunar_date">初三</div>
              </li>
              <li class="solar" date="2015/5/21">
                <span class="border"></span>
                <div class="solar_date">21</div>
                <div class="lunar_date">小满</div>
              </li>
              <li class="" date="2015/5/22">
                <span class="border"></span>
                <div class="solar_date">22</div>
                <div class="lunar_date">初五</div>
              </li>
              <li class="today weekend" date="2015/5/23">
                <span class="border"></span>
                <div class="solar_date">23</div>
                <div class="lunar_date">初六</div>
              </li>
              <li class="weekend" date="2015/5/24">
                <span class="border"></span>
                <div class="solar_date">24</div>
                <div class="lunar_date">初七</div>
              </li>
              <li class="" date="2015/5/25">
                <span class="border"></span>
                <div class="solar_date">25</div>
                <div class="lunar_date">初八</div>
              </li>
              <li class="on" date="2015/5/26">
                <span class="border"></span>
                <div class="solar_date">26</div>
                <div class="lunar_date">初九</div>
              </li>
              <li class="" date="2015/5/27">
                <span class="border"></span>
                <div class="solar_date">27</div>
                <div class="lunar_date">初十</div>
              </li>
              <li class="" date="2015/5/28">
                <span class="border"></span>
                <div class="solar_date">28</div>
                <div class="lunar_date">十一</div>
              </li>
              <li class="" date="2015/5/29">
                <span class="border"></span>
                <div class="solar_date">29</div>
                <div class="lunar_date">十二</div>
              </li>
              <li class="weekend" date="2015/5/30">
                <span class="border"></span>
                <div class="solar_date">30</div>
                <div class="lunar_date">十三</div>
              </li>
              <li class="weekend" date="2015/5/31">
                <span class="border"></span>
                <div class="solar_date">31</div>
                <div class="lunar_date">十四</div>
              </li>
              <li class="nextbefor isolar" date="2021/6/1">
                <span class="border"></span>
                <div class="solar_date">1</div>
                <div class="lunar_date">儿童节</div>
              </li>
              <li class="nextbefor" date="2015/6/2">
                <span class="border"></span>
                <div class="solar_date">2</div>
                <div class="lunar_date">十六</div>
              </li>
              <li class="nextbefor" date="2015/6/3">
                <span class="border"></span>
                <div class="solar_date">3</div>
                <div class="lunar_date">十七</div>
              </li>
              <li class="nextbefor" date="2015/6/4">
                <span class="border"></span>
                <div class="solar_date">4</div>
                <div class="lunar_date">十八</div>
              </li>
              <li class="nextbefor isolar" date="2015/6/5">
                <span class="border"></span>
                <div class="solar_date">5</div>
                <div class="lunar_date">世界环境日</div>
              </li>
              <li class="nextbefor weekend solar" date="2015/6/6">
                <span class="border"></span>
                <div class="solar_date">6</div>
                <div class="lunar_date">芒种</div>
              </li>
            </ul>
          </div>
          <div class="h_calendar_exp">
            <div class="exp_text">
              <p>
                <strong>阳历 </strong
                ><span class="c_ed6d23">橙色字 </span>表示公休/节假日
              </p>
              <p>
                <strong>阴历 </strong
                ><span class="c_6aba49">绿色字 </span>表示24节气日,
                <span class="c_1f9237">绿色字 </span>表示普通节日,
                <span class="c_ed6d23">橙色字 </span>表示法定节假日
              </p>
            </div>
          </div>
        </div>
        <div class="h_calendar_right">
          <div id="div_day_detail" class="h_calendar_alm">
            <div class="alm_date"></div>
            <div class="alm_content nofestival">
              <div class="today_date"></div>
              <p></p>
              <p></p>
              <p></p>
              <div class="alm_lunar_date"></div>
            </div>
          </div>
          <div id="div_dayonhistory" class="side-section">
            <h3>历史上的今天</h3>
            <blockquote class="content">
              <iframe
                src="./file/4.htm"
                width="186"
                height="18"
                scrolling="no"
                frameborder="0"
                allowtransparency="true"
              ></iframe>
            </blockquote>
          </div>
        </div>
      </div>
      <script type="text/javascript" src="./file/aio_4e02d50.js"></script>
      <script type="text/javascript" src="./file/aio_fe8c281.js"></script>
    </div>
  </body>
</html>

  • 8
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

fo安方

觉得俺的文章还行,感谢打赏,爱

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值