HTML网页之日历代码

简介:

效果显示一:点击这里!      这些代码网上是有的,我只是在这里帮忙分享一下,希望能给你带来帮助。

下面这个图的代码相对长一点这里就不上传上来了,需要的点击这里下:点击这里!





<html>
    <head>
       <link rel="stylesheet" type="text/css" href="Skin.css">
       <style>
        <!--
        table{ text-align: center }
        -->
       </style>
    </head>
 
    <body>
       <div align="center">
           <script language="javascript">
            var my = new Date();
          
            function showc() {
             var k=1;
             var j=1;
             var today;
             var tomonth;
             var theday=1;//日期
             var max;
             var temp;
             var tempday;//这个月第一天的星期
             document.write ("<b>" + my.getFullYear() + "-" + (my.getMonth()+1) + "</b>");
             document.write ("<table border='1' width='273' height='158'>");
             document.write ("<tr>");
             document.write ("<td height='23' width='39'><font color='red'>Sun</font></td>");
             document.write ("<td height='23' width='39'>Mon</td>");
             document.write ("<td height='23' width='39'>Tue</td>");
             document.write ("<td height='23' width='39'>Wed</td>");
             document.write ("<td height='23' width='39'>Thu</td>");
             document.write ("<td height='23' width='39'>Fri</td>");
             document.write ("<td height='23' width='39'>Sat</td>");
             document.write ("</tr>");
             temp=my.getDate();
             my.setDate(1);
             //document.write (my.getDate());
             tempday=my.getDay();//返回第一天是星期几
             my.setDate(temp);
             today=my.getDay();//返回现在星期几
           
             switch ((my.getMonth()+1)) {
              case 1:
              case 3:
              case 5:
              case 7:
              case 8:
              case 10:
              case 12:
               max=31;
               break;
              case 4:
              case 6:
              case 9:
              case 11:
               max=30;
               break;
              default:
               max=29;//这里没有考虑闰月!!
              //document.write (max);
             }
             for(k=0;k<6;k++) {
              document.write ("<tr>");
              for(j=0;j<=6;j++) {
               document.write ("<td height='23' width='39'>");
               if(j>=(tempday)) {
                tempday=0;//设置为最小,相当于取消判断条件
                if(theday<=max) {
                 document.write ("<a title=" + my.getFullYear() + "-" + (my.getMonth()+1) + "-" +theday + " target='_blank' href=detail.asp?date=" + theday + ">");
                 if(theday==my.getDate())
                  document.write ("<font color='green'>[" + theday + "]</font></a>");
                  else if(j==0)
                  document.write ("<font color='red'>" + theday + "</font></a>");
                 else
                  document.write (theday + "</a>");
                 theday++;
                }
               }
               document.write ("</td>");
              }
              document.write ("</tr>");
             }
             document.write ("</table>");
            }
          
            showc();
        </script>
       </div>
    <body>
</html>

目录
相关文章
|
12月前
精美按钮式广告代码HTML分享
精美按钮式广告代码HTML分享
295 4
|
移动开发 前端开发 JavaScript
HTML5实现好看的劳动节网页源码
HTML5实现好看的劳动节网页源码,劳动节网页,劳动节网页源码,内置十个页面,各种模板都有,可以根据这些页面扩展更多页面,网页由网站首页、劳动节介绍、劳动节由来、劳动节习俗、劳动节文化、劳动节活动、劳动节故事、劳动节民谣、联系我们、登录/注册等页面组成,兼容手机端,页面干净整洁,内容丰富,可以扩展自己想要的,注释完整,代码规范,各种风格都有,代码上手简单,代码独立,可以直接运行使用。也可直接预览效果。
383 4
|
移动开发 HTML5
HTML5实现好看的中秋节网页源码
HTML5实现好看的中秋节网页源码,中秋节网页,中秋节网页源码,节日网页大作业,作业源码,内置十个页面,各种模板都有,可以根据这些页面扩展更多页面,网页由网站首页、中秋节介绍、中秋节由来、中秋节习俗、中秋节文化、中秋节美食、中秋节故事、中秋节民谣、联系我们、登录/注册等页面组成,兼容手机端,页面干净整洁,内容丰富,可以扩展自己想要的,注释完整,代码规范,各种风格都有,代码上手简单,代码独立,可以直接运行使用。也可直接预览效果。
511 0
HTML5实现好看的中秋节网页源码
|
移动开发 前端开发 JavaScript
HTML5实现好看的端午节网页源码
HTML5实现好看的端午节网页源码,包含十个页面:网站首页、端午节介绍、由来、习俗、文化、美食、故事、民谣、联系我们及登录/注册。页面设计简洁美观,内容丰富,兼容手机端,代码规范且注释完整,易于扩展和修改。提供完整的源码下载和视频演示,方便学习和使用。
357 3
|
存储 移动开发 JavaScript
网页 HTML 自动播放下一首音乐
在 HTML5 中实现自动播放下一首音乐,通过管理音乐列表、操作音频元素和监听事件完成。创建包含多个音乐链接的列表,使用 `&lt;audio&gt;` 元素加载音乐,监听 `ended` 事件,在当前音乐结束时自动播放下一首。示例代码展示了如何使用 JavaScript 实现这一功能,确保无缝切换音乐。
|
存储 JavaScript 算法
(html在线预览cad图纸插件)网页CAD绘制条形码、二维码的教程
本文介绍了如何在mxcad中绘制条形码和二维码。对于条形码,首先根据应用场景选择合适的编码标准(如CODE39、EAN13等),通过编码规则将数据转换为二进制,并利用`McDbHatch`绘制条和空的组合,同时支持自定义实体及属性管理。 对于二维码,因其能存储更多信息且具备更强纠错能力,采用开源库QRCode.js进行编码处理,再通过`McDbHatch`绘制黑白矩阵,同样封装成自定义实体以便管理和扩展。文中还给出了完整的绘制流程与效果展示,包括创建二维码对象、设置参数、调用绘制方法以及最终的效果图。整个过程体现了灵活运用API与第三方库来实现复杂图形绘制的能力。
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
606 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
780 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
html实现的文字发散动画效果代码
html实现的文字发散动画效果代码
205 30
|
移动开发 前端开发 HTML5
基于HTML5+Canvas绘制的鼠标跟随三角形碎片光标动画代码
基于HTML5+Canvas绘制的鼠标跟随三角形碎片光标动画特效代码,很有意思,一团三角形碎片跟随鼠标的移动,不冗长、不笨重,反而有一种很轻盈的感觉,非常不错
232 29