我要投稿
  • 您当前的位置:365bet官方 -> 技术教程 -> 网站建设教程 -> 源码精华 -> 教程内容
  • [ 收藏本页教程 ]
  • 适合本blog的一个精美javascript日历源码精华教程

    教程作者:佚名    教程来源:不详   教程栏目:源码精华    收藏本页
    <style type="text/css">
    <!--
    .today{font-size:9pt;Color:#330099};
    .thead{font-size:9pt;color:#ffffff;background-color:#0080FF;}
    .whiteword{font-size:9pt;Color:White};
    .nday{font-size:9pt;font-family:Arial;font-weight:bold;Color:#330066};
    .clock{border: 1px solid #0000ff; height:17px;background-color:#ffffff;width:75px;font-size:10pt;color:#330066};
    -->
    </style>
    <script LANGUAGE="JavaScript" TYPE="text/javascript">
    function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) {
    this[0] = m0;
    this[1] = m1;
    this[2] = m2;
    this[3] = m3;
    this[4] = m4;
    this[5] = m5;
    this[6] = m6;
    this[7] = m7;
    this[8] = m8;
    this[9] = m9;
    this[10] = m10;
    this[11] = m11;
    }

    function calendar() {
    var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
    var today = new Date();
    var thisDay;
    var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);

    year = today.getYear() ;
    thisDay = today.getDate();

    if (((year % 4 == 0) && (year % 100 != 0)) (year % 400 == 0)) monthDays[1] = 29;

    nDays = monthDays[today.getMonth()];
    firstDay = today;
    firstDay.setDate(1); // works fine for most systems
    testMe = firstDay.getDate();
    if (testMe == 2) firstDay.setDate(0);
    startDay = firstDay.getDay();

    document.write('<table border="0" width="170" cellspacing="0" cellpadding="2" align="CENTER" bgcolor="#0080FF">'); document.write('<TR><TD align="center">');
    document.write('<table border="0" width="100%" cellspacing="1" cellpadding="2" bgcolor="Silver">');

    document.write('<tr><th colspan="7" bgcolor="#C8E3FF">');

    var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
    var monthNames = new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
    var now = new Date();
    document.write('<font class="today">' + now.getYear() + "" + monthNames[now.getMonth()] + now.getDate() + "日" + dayNames[now.getDay()] + "</FONT>");
    document.write('</TH></TR><TR><TH class="thead">一</FONT></TH>');
    document.write('<TH class="thead">二</TH>');
    document.write('<TH class="thead">三</TH>');
    document.write('<TH class="thead">四</TH>');
    document.write('<TH class="thead">五</TH>');
    document.write('<TH class="thead">六</TH>');
    document.write('<TH class="thead">日</TH>');
    document.write("</TR><TR>");
    column = 0;
    if(startDay>0){
    document.write('<td colspan="'+ startDay +'" bgcolor="#ffffff"></td>')
    }
    column+=startDay;

    for (i=1; i<=nDays; i++) {
    if (i == thisDay) {
    document.write('</TD><td align="CENTER" bgcolor="#FF8040"><FONT class="whiteword"><B>')
    }
    else {
    document.write('</TD><TD BGCOLOR="#FFFFFF" ALIGN="CENTER"><FONT class="nday">');
    }
    document.write(i);
    if (i == thisDay) document.write("</FONT></TD>")
    column++;
    if (column == 7) {
    document.write("<TR>");
    column = 0;
    }
    }
    if(column<7){
    document.write('<td colspan="'+ (7-column) +'" bgcolor="#ffffff"></td>');
    }
    document.write('<TR><td colspan="3" align="right" bgcolor="#0080FF" valign="bottom">');
    document.write('<font class="whiteword"><b>现在时间</b></font></td>< td valign="bottom" colspan="4" bgcolor="#0080FF">');
    document.write('<div id="clock" class="clock"></div>');
    document.write('</TD></TR></TABLE></TD></TR></TABLE>');
    }
    </script>
    <script LANGUAGE="JavaScript">

    var timerID = null;
    var timerRunning = false;
    function stopclock (){
    if(timerRunning)
    clearTimeout(timerID);
    timerRunning = false;}

    function showtime () {
    var now = new Date();
    var hours = now.getHours();
    var minutes = now.getMinutes();
    var seconds = now.getSeconds();
    var timeValue = " " + ((hours <10) ? "0" :"")+hours;
    timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
    timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
    clock.innerHTML=timeValue;
    timerID = setTimeout("showtime()",1000);
    timerRunning = true;
    }
    function startclock () {
    stopclock();
    showtime();
    }

    </script>
    <script language="javascript">
    calendar();
    startclock();
    </script>

    (出处:

    我要投稿   -   广告合作   -   关于本站   -   友情连接   -   网站地图   -   联系我们   -   版权声明   -   设为首页   -   加入收藏   -   网站留言
    Copyright © 2009 - 20012 www.www.ct131.com All Rights Reserved.365bet官方 版权所有