一个非常紧凑的日历脚本，日历中的每一天都可以设置一个相应的链接，点击月份可以进行切换，外观简朴实用，兼容各种浏览器
查看演示页面 View Demo 查看全部代码 View Code
下载
点击这里下载脚本源代码
在网页<head>区添加以下代码
<link rel="stylesheet" media="all" type="text/css" href="calendar/calendar.css" /> <script src="calendar/click.js" type="text/javascript"></script>
在网页<body>区添加以下代码
<h1>sharejs.com</h1> <h2>Link calendar</h2> <h3>13th November 2007</h3> <ul id="calendar"> <li class="top click"><b>Jan</b> <table> <caption>January 2008</caption> <thead> <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> </thead> <tfoot> <tr><td colspan="7"><a href="http://www.sharejs.com">sharejs.com</a></td></tr> </tfoot> <tbody> <tr><td class="blank"></td><td class="blank"></td><td><a href="#jan1">1</a></td><td><a href="#jan2">2</a></td><td><a href="#jan3">3</a></td><td><a href="#jan4">4</a></td><td><a href="#jan5">5</a></td></tr> <tr><td><a href="#jan6">6</a></td><td><a href="#jan7">7</a></td><td><a href="#jan8">8</a></td><td><a href="#jan9">9</a></td><td><a href="#jan10">10</a></td><td><a href="#jan11">11</a></td><td><a href="#jan12">12</a></td></tr> <tr><td><a href="#jan13">13</a></td><td><a href="#jan14">14</a></td><td><a href="#jan15">15</a></td><td><a href="#jan16">16</a></td><td><a href="#jan17">17</a></td><td><a href="#jan18">18</a></td><td><a href="#jan19">19</a></td></tr> <tr><td><a href="#jan20">20</a></td><td><a href="#jan21">21</a></td><td><a href="#jan22">22</a></td><td><a href="#jan23">23</a></td><td><a href="#jan24">24</a></td><td><a href="#jan25">25</a></td><td><a href="#jan26">26</a></td></tr> <tr><td><a href="#jan27">27</a></td><td><a href="#jan28">28</a></td><td><a href="#jan29">29</a></td><td><a href="#jan30">30</a></td><td><a href="#jan31">31</a></td><td class="blank"></td><td class="blank"></td></tr> </tbody> </table> </li> <li class="top"><b>Feb</b> <table> <caption>February 2008</caption> <thead> <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> </thead> <tfoot> <tr><td colspan="7">© 2007 stunicholls.com</td></tr> </tfoot> <tbody> <tr><td class="blank"></td><td class="blank"></td><td class="blank"></td><td class="blank"></td><td class="blank"></td><td><a href="#feb1">1</a></td><td><a href="#feb2">2</a></td></tr> <tr><td><a href="#feb3">3</a></td><td><a href="#feb4">4</a></td><td><a href="#feb5">5</a></td><td><a href="#feb6">6</a></td><td><a href="#feb7">7</a></td><td><a href="#feb8">8</a></td><td><a href="#feb9">9</a></td></tr> <tr><td><a href="#feb10">10</a></td><td><a href="#feb11">11</a></td><td><a href="#feb12">12</a></td><td><a href="#feb13">13</a></td><td><a href="#feb14">14</a></td><td><a href="#feb15">15</a></td><td><a href="#feb16">16</a></td></tr> <tr><td><a href="#feb17">17</a></td><td><a href="#feb18">18</a></td><td><a href="#feb19">19</a></td><td><a href="#feb20">20</a></td><td><a href="#feb21">21</a></td><td><a href="#feb22">22</a></td><td><a href="#feb23">23</a></td></tr> <tr><td><a href="#feb24">24</a></td><td><a href="#feb25">25</a></td><td><a href="#feb26">26</a></td><td><a href="#feb27">27</a></td><td><a href="#feb28">28</a></td><td><a href="#feb29">29</a></td><td class="blank"></td></tr> </tbody> </table> </li> <li class="top"><b>Mar</b> <table> <caption>March 2008</caption> <thead> <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> </thead> <tfoot> <tr><td colspan="7">© 2007 stunicholls.com</td></tr> </tfoot> <tbody> <tr><td><a href="#mar30">30</a></td><td><a href="#mar31">31</a></td><td class="blank"></td><td class="blank"></td><td class="blank"></td><td class="blank"></td><td><a href="#mar1">1</a></td></tr> <tr><td><a href="#mar2">2</a></td><td><a href="#mar3">3</a></td><td><a href="#mar4">4</a></td><td><a href="#mar5">5</a></td><td><a href="#mar6">6</a></td><td><a href="#mar7">7</a></td><td><a href="#mar8">8</a></td></tr> <tr><td><a href="#mar9">9</a></td><td><a href="#mar10">10</a></td><td><a href="#mar11">11</a></td><td><a href="#mar12">12</a></td><td><a href="#mar13">13</a></td><td><a href="#mar14">14</a></td><td><a href="#mar15">15</a></td></tr> <tr><td><a href="#mar16">16</a></td><td><a href="#mar17">17</a></td><td><a href="#mar18">18</a></td><td><a href="#mar19">19</a></td><td><a href="#mar20">20</a></td><td><a href="#mar21">21</a></td><td><a href="#mar22">22</a></td></tr> <tr><td><a href="#mar23">23</a></td><td><a href="#mar24">24</a></td><td><a href="#mar25">25</a></td><td><a href="#mar26">26</a></td><td><a href="#mar27">27</a></td><td><a href="#mar28">28</a></td><td><a href="#mar29">29</a></td></tr> </tbody> </table> </li> <li class="top"><b>Apr</b> <table> <caption>April 2008</caption> <thead> <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> </thead> <tfoot> <tr><td colspan="7">© 2007 stunicholls.com</td></tr> </tfoot> <tbody> <tr><td class="blank"></td><td class="blank"></td><td><a href="#apr1">1</a></td><td><a href="#apr2">2</a></td><td><a href="#apr3">3</a></td><td><a href="#apr4">4</a></td><td><a href="#apr5">5</a></td></tr> <tr><td><a href="#apr6">6</a></td><td><a href="#apr7">7</a></td><td><a href="#apr8">8</a></td><td><a href="#apr9">9</a></td><td><a href="#apr10">10</a></td><td><a href="#apr11">11</a></td><td><a href="#apr12">12</a></td></tr> <tr><td><a href="#apr13">13</a></td><td><a href="#apr14">14</a></td><td><a href="#apr15">15</a></td><td><a href="#apr16">16</a></td><td><a href="#apr17">17</a></td><td><a href="#apr18">18</a></td><td><a href="#apr19">19</a></td></tr> <tr><td><a href="#apr20">20</a></td> <td><a href="#apr21">21</a></td><td><a href="#apr22">22</a></td><td><a href="#apr23">23</a></td><td><a href="#apr24">24</a></td><td><a href="#apr25">25</a></td><td><a href="#apr26">26</a></td></tr> <tr><td><a href="#apr27">27</a></td><td><a href="#apr28">28</a></td><td><a href="#apr29">29</a></td><td><a href="#apr30">30</a></td><td class="blank"></td><td class="blank"></td><td class="blank"></td></tr> </tbody> </table> </li> <li class="top"><b>May</b> <table> <caption>May 2008</caption> <thead> <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> </thead> <tfoot> <tr><td colspan="7">© 2007 stunicholls.com</td></tr> </tfoot> <tbody> <tr><td class="blank"></td><td class="blank"></td><td class="blank"></td><td class="blank"></td><td><a href="#may1">1</a></td><td><a href="#may2">2</a></td><td><a href="#may3">3</a></td></tr> <tr><td><a href="#may4">4</a></td><td><a href="#may5">5</a></td><td><a href="#may6">6</a></td><td><a href="#may7">7</a></td><td><a href="#may8">8</a></td><td><a href="#may9">9</a></td><td><a href="#may10">10</a></td></tr> <tr><td><a href="#may11">11</a></td><td><a href="#may12">12</a></td><td><a href="#may13">13</a></td><td><a href="#may14">14</a></td><td><a href="#may15">15</a></td><td><a href="#may16">16</a></td><td><a href="#may17">17</a></td></tr> <tr><td><a href="#may18">18</a></td><td><a href="#may19">19</a></td><td><a href="#may20">20</a></td><td><a href="#may21">21</a></td><td><a href="#may22">22</a></td><td><a href="#may23">23</a></td><td><a href="#may24">24</a></td></tr> <tr><td><a href="#may25">25</a></td><td><a href="#may26">26</a></td><td><a href="#may27">27</a></td><td><a href="#may28">28</a></td><td><a href="#may29">29</a></td><td><a href="#may30">30</a></td><td class="next"><a href="#may31">31</a></td></tr> </tbody> </table> </li> <li class="top"><b>Jun</b> <table> <caption>June 2008</caption> <thead> <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> </thead> <tfoot> <tr><td colspan="7">© 2007 stunicholls.com</td></tr> </tfoot> <tbody> <tr><td><a href="#jun1">1</a></td><td><a href="#jun2">2</a></td><td><a href="#jun3">3</a></td><td><a href="#jun4">4</a></td><td><a href="#jun5">5</a></td><td><a href="#jun6">6</a></td><td><a href="#jun7">7</a></td></tr> <tr><td><a href="#jun8">8</a></td><td><a href="#jun9">9</a></td><td><a href="#jun10">10</a></td><td><a href="#jun11">11</a></td><td><a href="#jun12">12</a></td><td><a href="#jun13">13</a></td><td><a href="#jun14">14</a></td></tr> <tr><td><a href="#jun15">15</a></td><td><a href="#jun16">16</a></td><td><a href="#jun17">17</a></td><td><a href="#jun18">18</a></td><td><a href="#jun19">19</a></td><td><a href="#jun20">20</a></td><td><a href="#jun21">21</a></td></tr> <tr><td><a href="#jun22">22</a></td><td><a href="#jun23">23</a></td><td><a href="#jun24">24</a></td><td><a href="#jun25">25</a></td><td><a href="#jun26">26</a></td><td><a href="#jun27">27</a></td><td><a href="#jun28">28</a></td></tr> <tr><td><a href="#jun29">29</a></td><td><a href="#jun30">30</a></td><td class="blank"></td><td class="blank"></td><td class="blank"></td><td class="blank"></td><td class="blank"></td></tr> </tbody> </table> </li> <li class="bottom"><b>Jul</b> <table> <caption>July 2008</caption> <thead> <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> </thead> <tfoot> <tr><td colspan="7">© 2007 stunicholls.com</td></tr> </tfoot> <tbody> <tr><td class="blank"></td><td class="blank"></td><td><a href="#jul1">1</a></td><td><a href="#jul2">2</a></td><td><a href="#jul3">3</a></td><td><a href="#jul4">4</a></td><td><a href="#jul5">5</a></td></tr> <tr><td><a href="#jul6">6</a></td><td><a href="#jul7">7</a></td><td><a href="#jul8">8</a></td><td><a href="#jul9">9</a></td><td><a href="#jul10">10</a></td><td><a href="#jul11">11</a></td><td><a href="#jul12">12</a></td></tr> <tr><td><a href="#jul13">13</a></td><td><a href="#jul14">14</a></td><td><a href="#jul15">15</a></td><td><a href="#jul16">16</a></td><td><a href="#jul17">17</a></td><td><a href="#jul18">18</a></td><td><a href="#jul19">19</a></td></tr> <tr><td><a href="#jul20">20</a></td><td><a href="#jul21">21</a></td><td><a href="#jul22">22</a></td><td><a href="#jul23">23</a></td><td><a href="#jul24">24</a></td><td><a href="#jul25">25</a></td><td><a href="#jul26">26</a></td></tr> <tr><td><a href="#jul27">27</a></td><td><a href="#jul28">28</a></td><td><a href="#jul29">29</a></td><td><a href="#jul30">30</a></td><td><a href="#jul31">31</a></td><td class="blank"></td><td class="blank"></td></tr> </tbody> </table> </li> <li class="bottom"><b>Aug</b> <table> <caption>August 2008</caption> <thead> <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> </thead> <tfoot> <tr><td colspan="7">© 2007 stunicholls.com</td></tr> </tfoot> <tbody> <tr><td><a href="#aug31">31</a></td><td class="blank"></td><td class="blank"></td><td class="blank"></td><td class="blank"></td><td><a href="#aug1">1</a></td><td><a href="#aug2">2</a></td></tr> <tr><td><a href="#aug3">3</a></td><td><a href="#aug4">4</a></td><td><a href="#aug5">5</a></td><td><a href="#aug6">6</a></td><td><a href="#aug7">7</a></td><td><a href="#aug8">8</a></td><td><a href="#aug9">9</a></td></tr> <tr><td><a href="#aug10">10</a></td><td><a href="#aug11">11</a></td><td><a href="#aug12">12</a></td><td><a href="#aug13">13</a></td><td><a href="#aug14">14</a></td><td><a href="#aug15">15</a></td><td><a href="#aug16">16</a></td></tr> <tr><td><a href="#aug17">17</a></td><td><a href="#aug18">18</a></td><td><a href="#aug19">19</a></td><td><a href="#aug20">20</a></td><td><a href="#aug21">21</a></td><td><a href="#aug22">22</a></td><td><a href="#aug23">23</a></td></tr> <tr><td><a href="#aug24">24</a></td><td><a href="#aug25">25</a></td><td><a href="#aug26">26</a></td><td><a href="#aug27">27</a></td><td><a href="#aug28">28</a></td><td><a href="#aug29">29</a></td><td><a href="#aug30">30</a></td></tr> </tbody> </table> </li> <li class="bottom"><b>Sep</b> <table> <caption>September 2008</caption> <thead> <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> </thead> <tfoot> <tr><td colspan="7">© 2007 stunicholls.com</td></tr> </tfoot> <tbody> <tr><td class="blank"></td><td><a href="#sep1">1</a></td><td><a href="#sep2">2</a></td><td><a href="#sep3">3</a></td><td><a href="#sep4">4</a></td><td><a href="#sep5">5</a></td><td><a href="#sep6">6</a></td></tr> <tr><td><a href="#sep7">7</a></td><td><a href="#sep8">8</a></td><td><a href="#sep9">9</a></td><td><a href="#sep10">10</a></td><td><a href="#sep11">11</a></td><td><a href="#sep12">12</a></td><td><a href="#sep13">13</a></td></tr> <tr><td><a href="#sep14">14</a></td><td><a href="#sep15">15</a></td><td><a href="#sep16">16</a></td><td><a href="#sep17">17</a></td><td><a href="#sep18">18</a></td><td><a href="#sep19">19</a></td><td><a href="#sep20">20</a></td></tr> <tr><td><a href="#sep21">21</a></td><td><a href="#sep22">22</a></td><td><a href="#sep23">23</a></td><td><a href="#sep24">24</a></td><td><a href="#sep25">25</a></td><td><a href="#sep26">26</a></td><td><a href="#sep27">27</a></td></tr> <tr><td><a href="#sep28">28</a></td><td><a href="#sep29">29</a></td><td><a href="#sep30">30</a></td><td class="blank"></td><td class="blank"></td><td class="blank"></td><td class="blank"></td></tr> </tbody> </table> </li> <li class="bottom"><b>Oct</b> <table> <caption>October 2008</caption> <thead> <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> </thead> <tfoot> <tr><td colspan="7">© 2007 stunicholls.com</td></tr> </tfoot> <tbody> <tr><td class="blank"></td><td class="blank"></td><td class="blank"></td><td><a href="#oct1">1</a></td><td><a href="#oct2">2</a></td><td><a href="#oct3">3</a></td><td><a href="#oct4">4</a></td></tr> <tr><td><a href="#oct5">5</a></td><td><a href="#oct6">6</a></td><td><a href="#oct">7</a></td><td><a href="#oct8">8</a></td><td><a href="#oct9">9</a></td><td><a href="#oct10">10</a></td><td><a href="#oct11">11</a></td></tr> <tr><td><a href="#oct12">12</a></td><td><a href="#oct13">13</a></td><td><a href="#oct14">14</a></td><td><a href="#oct15">15</a></td><td><a href="#oct16">16</a></td><td><a href="#oct17">17</a></td><td><a href="#oct18">18</a></td></tr> <tr><td><a href="#oct19">19</a></td><td><a href="#oct20">20</a></td><td><a href="#oct21">21</a></td><td><a href="#oct22">22</a></td><td><a href="#oct23">23</a></td><td><a href="#oct24">24</a></td><td><a href="#oct25">25</a></td></tr> <tr><td><a href="#oct26">26</a></td><td><a href="#oct27">27</a></td><td><a href="#oct28">28</a></td><td><a href="#oct29">29</a></td><td><a href="#oct30">30</a></td><td><a href="#oct31">31</a></td><td class="blank"></td></tr> </tbody> </table> </li> <li class="bottom"><b>Nov</b> <table> <caption>November 2008</caption> <thead> <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> </thead> <tfoot> <tr><td colspan="7">© 2007 stunicholls.com</td></tr> </tfoot> <tbody> <tr><td><a href="#nov30">30</a></td><td class="blank"></td><td class="blank"></td><td class="blank"></td><td class="blank"></td><td class="blank"></td><td><a href="#nov1">1</a></td></tr> <tr><td><a href="#nov2">2</a></td><td><a href="#nov3">3</a></td><td><a href="#nov4">4</a></td><td><a href="#nov5">5</a></td><td><a href="#nov6">6</a></td><td><a href="#nov7">7</a></td><td><a href="#nov8">8</a></td></tr> <tr><td><a href="#nov9">9</a></td><td><a href="#nov10">10</a></td><td><a href="#nov11">11</a></td><td><a href="#nov12">12</a></td><td><a href="#nov13">13</a></td><td><a href="#nov14">14</a></td><td><a href="#nov15">15</a></td></tr> <tr><td><a href="#nov16">16</a></td><td><a href="#nov17">17</a></td><td><a href="#nov18">18</a></td><td><a href="#nov19">19</a></td><td><a href="#nov20">20</a></td><td><a href="#nov21">21</a></td><td><a href="#nov22">22</a></td></tr> <tr><td><a href="#nov23">23</a></td><td><a href="#nov24">24</a></td><td><a href="#nov25">25</a></td><td><a href="#nov26">26</a></td><td><a href="#nov27">27</a></td><td><a href="#nov28">28</a></td><td><a href="#nov29">29</a></td></tr> </tbody> </table> </li> <li class="bottom"><b>Dec</b> <table> <caption>December 2008</caption> <thead> <tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr> </thead> <tfoot> <tr><td colspan="7">sharejs.com</td></tr> </tfoot> <tbody> <tr><td class="blank"></td><td><a href="#dec1">1</a></td><td><a href="#dec2">2</a></td><td><a href="#dec3">3</a></td><td><a href="#dec4">4</a></td><td><a href="#dec5">5</a></td><td><a href="#dec6">6</a></td></tr> <tr><td><a href="#dec7">7</a></td><td><a href="#dec8">8</a></td><td><a href="#dec9">9</a></td><td><a href="#dec10">10</a></td><td><a href="#dec11">11</a></td><td><a href="#dec12">12</a></td><td><a href="#dec13">13</a></td></tr> <tr><td><a href="#dec14">14</a></td><td><a href="#dec15">15</a></td><td><a href="#dec16">16</a></td><td><a href="#dec17">17</a></td><td><a href="#dec18">18</a></td><td><a href="#dec19">19</a></td><td><a href="#dec20">20</a></td></tr> <tr><td><a href="#dec21">21</a></td><td><a href="#dec22">22</a></td><td><a href="#dec23">23</a></td><td><a href="#dec24">24</a></td><td><a href="#dec25">25</a></td><td><a href="#dec26">26</a></td><td><a href="#dec27">27</a></td></tr> <tr><td><a href="#dec28">28</a></td><td><a href="#dec29">29</a></td><td><a href="#dec30">30</a></td><td><a href="#dec31">31</a></td><td class="blank"></td><td class="blank"></td><td class="blank"></td></tr> </tbody> </table> </li> </ul>
修改网页<body>标签，添加OnLoad事件
<body onload="clickMenu('calendar')">
