位置：首页>> 网络编程>> JavaScript>> 一个免刷新页面的JavaScript日历

一个免刷新页面的JavaScript日历

作者：RainoXu　来源：小鹤与独角兽　发布时间：2007-12-26 12:57:00　

标签：日历,JavaScript

今天把博客的日历脚本又改了一改，就帖上了，以后找起来方便一点，同时也给需要的人带来方便，本来还想加点功能再帖上来，不过我看还是没必要了，帖的是日历，功能多了谁下载了想再修改着使用就费劲了，就把最原始最简单单的帖上来，不过和我博客上的还是有点不一样，我把添加链接的功能去掉了，那个反正是很容易的，自己去加吧！

这个脚本兼容FF，不过有一小点例外，在FF中无法高亮显示当前日期，我有点懒，不想去改，因为不影响使用，嘎嘎。

这个脚本是不用刷新当前页面就能动态更新，如果把有日志文章的日期通过ASP或者PHP输出到客户端JS，包含到网页里面，然后在这个日历函数的calender里面用indexOf来检验某一天是否有文章信息，然后相应用颜色加强某一天的显示。我的博客就是这个原理，相比PJBLOG想看下一个月或上一个月就得刷新一次页面，我这个更适合静态页面，动过Ajax去获取哪些天是有文章，然后相应处理，不需要再重新刷新了~~当然我的博客上还是很简单的，还可以通过Ajax获取相应的日志信息，这样就能和PJBLOG一样在日历上显示某一天发表的文章名称了。

效果图：

更多关于日历的文章

演示：

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>一个免刷新页面的JavaScript日历 - asp之家 - http://www.aspxhome.com</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Content-Language" content="gb2312" /><meta name="author" content="RainoXu" /><style type="text/css">*{ margin:0; padding:0; font:10px tahoma;}#calender{ text-align:center; width:147px; font-size:10px; /*color: #27B0C1;*/ margin:12px 0 12px 6px; border-top:1px solid #EEEEEE; border-left:1px solid #EEEEEE;}#calender .arrow_over{ color: #FF1493;}#calender .arrow_out{ color: #FF8C00;}#calender td{ border-bottom:1px solid #EEEEEE; border-right:1px solid #EEEEEE; width:21px; height:20px; line-height:16px; color:#666666;}#calender #cal_title{ width:147px; background:#EFEFEF;}#calender #week td{ background: #F8F8F8;}#calender .current{ background: #AAE7E8; display: block; margin:2px;}#calender .notcurrent{ display: block; margin:2px; background:#EDEDED;}</style><script type="text/javascript"></script></head><body></body></html>

投稿

一个免刷新页面的JavaScript日历

猜你喜欢