网页特效
建站首页
|
广告代码
|
源码下载
|
站长工具
|
字体下载
|
网页模板
|
收藏本站
|
设为首页
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐:
英文字体
人民币汇率
dw插件
站长常用软件
alexa排名查询
您的位置:
网页特效
->
日期时间
-> 有提示的日历 - 网页特效代码
有提示的日历 - 网页特效代码
作者:有提示的日历 - 网页特效代码 发布时间:2007-12-20 17:08:05 发布人: admin
脚本说明: 把如下代码加入<body>区域中 <style type="text/css"> body { background-color : #effeff; } div.hol { background-color : yellow; } td.outer { cellpadding : 1em; border : solid blue; } table.inner { background-color : #efefdd; font-size : 8pt; } </style> <script type="text/javascript"> var months = ["January","February","March","April","May","June","July","August","September","October","November","December"]; var daycounts = [31,28,31,30,31,30,31,31,30,31,30,31]; //for leap years, remember to set february to 29 days //2002 firstdays = [1,4,4,0,2,5,0,3,6,1,4,6]; var firstdays = [2,5,5,1,3,6,1,4,0,2,5,0]; //2004 firstdays = [3,6,7,3,5,1,3,6,2,4,0,2]; // This is where you put in the appointments. follow pattern [fromday,frommonth,today,tomonth,message] var apps = [ [15,3,13,4,"15,3,13,4日的提示信息"], [12,6,12,6,"12,6日的提示信息"], [28,8,2,9,"28,8,2,9日的提示信息"], [22,11,22,11,"22,11日的提示信息"], [20,12,30,12,"20,12,30日的提示信息"] ]; function CheckDate(month,dayno) { var retval = new String(dayno); var m = month + 1; for(var app = 0; app < apps.length; app++) { if(m == apps[app][1] ) //first month { if(apps[app][3] - apps[app][1] > 0) { if(dayno >= apps[app][0]) { retval = "<div class='hol' title='" + apps[app][4] + "'>" + dayno + "</div>"; } } else { if(dayno >= apps[app][0] && dayno <= apps[app][2]) { retval = "<div class='hol' title='" + apps[app][4] + "'>" + dayno + "</div>"; } } } else if(m == apps[app][3]) // second month { if(dayno <= apps[app][2]) { retval = "<div class='hol' title='" + apps[app][4] + "'>" + dayno + "</div>"; } } else if( m > apps[app][1] && m < apps[app][3] ) { retval = "<div class='hol' title='" + apps[app][4] + "'>" + dayno + "</div>"; } } return retval; } function PrintMonth(month) { var done = false; var day = 0; document.write("<table class='inner'><caption><b>" + months[month] + "</b></caption><thead>"); document.write("<th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th><th>Sun</th></thead>"); while(!done) { document.write("<tr>"); PrintWeek(month,day, firstdays[month], daycounts[month]); document.write("</tr>"); day = day + 7; if( day > daycounts[month] + firstdays[month]) { done = true; } } document.write("</tbody></table><p>"); } function PrintWeek(monthno,start,min,max) { var d; var desc; for(var j = 0; j < 7; j++) { document.write("<td>"); d = start + j; if(d >= min && d < max + min) { desc = CheckDate(monthno,d - min + 1); document.write(desc); } document.write("</td>"); } } </script> <center><h1>2003年日历</h1> <table> <tr> <td class="outer"> <script type="text/javascript"> PrintMonth(0); </script> </td> <td class="outer"> <script type="text/javascript"> PrintMonth(1); </script> </td> <td class="outer"> <script type="text/javascript"> PrintMonth(2); </script> </td> </tr> <tr> <td class="outer"> <script type="text/javascript"> PrintMonth(3); </script> </td> <td class="outer"> <script type="text/javascript"> PrintMonth(4); </script> </td> <td class="outer"> <script type="text/javascript"> PrintMonth(5); </script> </td> </tr> <tr> <td class="outer"> <script type="text/javascript"> PrintMonth(6); </script> </td> <td class="outer"> <script type="text/javascript"> PrintMonth(7); </script> </td> <td class="outer"> <script type="text/javascript"> PrintMonth(8); </script> </td> </tr> <tr> <td class="outer"> <script type="text/javascript"> PrintMonth(9); </script> </td> <td class="outer"> <script type="text/javascript"> PrintMonth(10); </script> </td> <td class="outer"> <script type="text/javascript"> PrintMonth(11); </script> </td> </tr> </table> </center> <a href="http://web.archive.org/web/20120629134455/http://myjs.jz123.cn/">欢迎访问中国建站之家网页特效集</a>
有提示的日历 - 网页特效代码
将本文收藏到QQ书签与更多好友分享
上一篇:文章:
最简单倒计时 - 网页特效代码
下一篇:文章:
特酷的时钟 - 网页特效代码
本类浏览排行 »
搜索页面中的内容
又一款综合搜索引擎代码
标题栏显示当前时间
倒影效果的电子表,显示当前时间
自动记录当前页面最新的更新日期
JS让网页每隔2秒弹出一次对话框
一款超酷的CSS列表排行榜
鼠标悬停放大的纯CSS分页效果
本站推荐文章 »
垂直三栏自适应等高布局
仿QQ消息管理器的文本内容样式
支付宝的控制台动画效果菜单
文字、图片拖曳移动
可拉伸移动的DIV层效果
很酷的图片伸缩放大功能
较好的视觉效果的网页选项卡
CSS实例:通过定义渐变边框给图片加阴影