这个日历表是利用jquery生成的,使用一个js文件来往calendar中添加事件及链接。

下面是具体做法:

1. 下载及新建生成所需要的js,css文件(jquery.js,jquery.calendar-min.js,calendar.css,addevent.js)。
    本站不提供下载,请自己查找。实在找不到,请查看本页源代码,可拷贝使用。
  代码为:

<link rel="stylesheet" type="text/css" href="/test/css/calendar/calendar.css">
<script type="text/javascript" src="/test/js/jquery.js"></script>
<script type="text/javascript" src="/test/js/calendar/jquery.calendar-min.js"></script>
<script type="text/javascript" src="/test/js/calendar/addevent.js"></script>
			

2. 在要显示日历表的地方添加显示代码。
    代码为:

<div id="mycalendar"></div>
  上面代码中的mycalendar要很addevent.js中的对应。估计稍微懂js的都能理解。

3. 准备好日历表的背景图片。
    jquery日历

4. 查看效果(本页上部日历)