当前位置:首页>> 网站建设知识>> 网站建设知识

全文搜索

精华导读

·网站知识:虚拟中的真实:虚拟主机应用初探
·如何做好互联网的策划
·自动分词与中文搜索引擎
·网页文章的优化
·网站的一些基础小知识
·把网站变成卖场
·细说选择.cn域名的七大理由
·网站性感域名十大原则
·大型商务网站的SEO优化误区
·导致搜索引擎收录困难的5种原因
·网站建设中meta标签之详解
·网页制作中Web网页安全色谱
·网页设计中HTML常范的五个错误
·如何建立网站地图(site map)
·网站建设时如何选购虚拟主机?
·中国国家顶级域名和国际域名有什么区别?
·企业建设网站域名可以使用哪些字?
·建设网站时企业如何准备建网站资料?
·DIV+CSS建立标准WEB网页的好处

最新发表

·极品万年历网页特效
·影响SEO的页面制作细节
·SEO实战:逃离Google补充材料的五个技巧
·如何提高网站的Google页面等级(PR值)
·论坛宣传网站的十二大绝招
·搜索引擎注册九大秘法
·10种在SEO之外获得网站流量的方式
·巧妙应对内容复制---Google官方博文
·新网站排名不稳定的google幽灵现象
·网站优化技术:网站推广完全手册
·网站优化技术:新手一个月轻松打造3000IP的小站
·网站优化:你了解百度蜘蛛吗?
·百度的收录和清除站点规则解密
·网站推广之如何炒红你的网站
·网站优化:Google排名不是简单的网页优化
·增强网站链接推广策略有效性的途径
·阿里巴巴网站的搜索引擎优化案例分析
·实战JSP进阶编程之二:最简单的DAO
·好文共享:实战JSP进阶编程之一

超强超靓网页日历代码,网页特效

文章来源:网站知识 文章编辑:admin 添加时间:2009-1-17 9:07:22

<Script LANGUAGE="JavaScript">
  var months = new Array("一", "二", "三","四", "五", "六", "七", "八", "九","十", "十一", "十二");
  var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31);
  var days = new Array("日","一", "二", "三","四", "五", "六");
  var classTemp;
  var today=new getToday();
  var year=today.year;
  var month=today.month;
  var newCal; 

  function getDays(month, year) {
  if (1 == month) return ((0 == year % 4) && (0 != (year % 100))) ||(0 == year % 400) ? 29 : 28;
  else return daysInMonth[month];
  }

  function getToday() {
  this.now = new Date();
  this.year = this.now.getFullYear();
  this.month = this.now.getMonth();
  this.day = this.now.getDate();
  }

  function Calendar() {
  newCal = new Date(year,month,1);
  today = new getToday();   
  var day = -1;
  var startDay = newCal.getDay();
  var endDay=getDays(newCal.getMonth(), newCal.getFullYear());
  var daily = 0;
  if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth()))
  {
  day = today.day;
  }
  var caltable = document.all.caltable.tBodies.calendar;
  var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear());

  for (var intWeek = 0; intWeek < caltable.rows.length;intWeek++)
  for (var intDay = 0;intDay < caltable.rows[intWeek].cells.length;intDay++)
  {
  var cell = caltable.rows[intWeek].cells[intDay];
  var montemp=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1);         
  if ((intDay == startDay) && (0 == daily)){ daily = 1;}
  var daytemp=daily<10?("0"+daily):(daily);
  var d="<"+newCal.getFullYear()+"-"+montemp+"-"+daytemp+">";
  if(day==daily) cell.className="DayNow";
  else if(intDay==6) cell.className = "DaySat";
  else if (intDay==0) cell.className ="DaySun";
  else cell.className="Day";
  if ((daily > 0) && (daily <= intDaysInMonth))
  {
  cell.innerText = daily;
  daily++;
  } else
  {
  cell.className="CalendarTD";
  cell.innerText = "";
  }
  }
  document.all.year.value=year;
  document.all.month.value=month+1;
  }

  function subMonth()
  {
  if ((month-1)<0)
  {
  month=11;
  year=year-1;
  } else
  {
  month=month-1;
  }
  Calendar();
  }

  function addMonth()
  {
  if((month+1)>11)
  {
  month=0;
  year=year+1;
  } else
  {
  month=month+1;
  }
  Calendar();
  }

  function setDate() 
  {
  if (document.all.month.value<1||document.all.month.value>12)
  {
  alert("月的有效范围在1-12之间!");
  return;
  }
  year=Math.ceil(document.all.year.value);
  month=Math.ceil(document.all.month.value-1);
  Calendar();
  }
  </Script>

  <Script>
  function buttonOver()
  {
  var obj = window.event.srcElement;
  obj.runtimeStyle.cssText = "background-color:#FFFFFF";
  // obj.className="Hover";
  }

  function buttonOut()
  {
  var obj = window.event.srcElement;
  window.setTimeout(function(){obj.runtimeStyle.cssText = "";},300);
  }
  </Script>

  <Style>
  Input {font-family: verdana;font-size: 9pt;text-decoration: none;background-color:   #FFFFFF;height: 20px;border: 1px solid #666666;color:#000000;}

  .Calendar {font-family: verdana;text-decoration: none;width: 170;background-color:   #C0D0E8;font-size: 9pt;border:0px dotted #1C6FA5;}
  .CalendarTD {font-family: verdana;font-size: 7pt;color: #000000;background-  color:#f6f6f6;height: 20px;width:11%;text-align: center;}

  .Title {font-family: verdana;font-size: 11pt;font-weight: normal;height: 24px;text-align: center;color: #333333;text-decoration: none;background-color: #A4B9D7;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-bottom-style:1px;border-top-color: #999999;border-right-color: #999999;border-bottom-color: #999999;border-left-color: #999999;}

  .Day {font-family: verdana;font-size: 7pt;color:#243F65;background-color: #E5E9F2;height: 20px;width:11%;text-align: center;}
  .DaySat {font-family: verdana;font-size: 7pt;color:#FF0000;text-decoration: none;background-color:#E5E9F2;text-align: center;height: 18px;width: 12%;}
  .DaySun {font-family: verdana;font-size: 7pt;color: #FF0000;text-decoration: none;background-color:#E5E9F2;text-align: center;height: 18px;width: 12%;}
  .DayNow {font-family: verdana;font-size: 7pt;font-weight: bold;color:   #000000;background-color: #FFFFFF;height: 20px;text-align: center;}

  .DayTitle {font-family: verdana;font-size: 9pt;color: #000000;background-color: #C0D0E8;height: 20px;width:11%;text-align: center;}
  .DaySatTitle {font-family: verdana;font-size: 9pt;color:#FF0000;text-decoration: none;background-color:#C0D0E8;text-align: center;height: 20px;width: 12%;}
  .DaySunTitle {font-family: verdana;font-size: 9pt;color: #FF0000;text-decoration: none;background-color: #C0D0E8;text-align: center;height: 20px;width: 12%;}

  .DayButton {font-family: Webdings;font-size: 9pt;font-weight: bold;color: #243F65;cursor:hand;text-decoration: none;}

  </Style>


  <table border="0" cellpadding="0" cellspacing="1" class="Calendar" id="caltable">
  <thead>
  <tr align="center" valign="middle"> 
  <td colspan="7" class="Title">
  <a href="javaScript:subMonth();" title="上一月" Class="DayButton">3</a> <input name="year" type="text" size="4" maxlength="4" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"  onpaste="this.value=this.value.replace(/[^0-9]/g,'')"> 年 <input name="month" type="text" size="1" maxlength="2" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"  onpaste="this.value=this.value.replace(/[^0-9]/g,'')"> 月 <a href="JavaScript:addMonth();" title="下一月" Class="DayButton">4</a>
  </td>
  </tr>
  <tr align="center" valign="middle"> 
  <Script LANGUAGE="JavaScript">  
  document.write("<TD class=DaySunTitle id=diary >" + days[0] + "</TD>"); 
  for (var intLoop = 1; intLoop < days.length-1;intLoop++) 
  document.write("<TD class=DayTitle id=diary>" + days[intLoop] + "</TD>"); 
  document.write("<TD class=DaySatTitle id=diary>" + days[intLoop] + "</TD>"); 
  </Script>
  </TR> 
  </thead>
  <TBODY border=1 cellspacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER ONCLICK="getDiary()">
  <Script LANGUAGE="JavaScript">
  for (var intWeeks = 0; intWeeks < 6; intWeeks++)
  {
  document.write("<TR style='cursor:hand'>");
  for (var intDays = 0; intDays < days.length;intDays++) document.write("<TD class=CalendarTD onMouseover='buttonOver();' onMouseOut='buttonOut();'></TD>");
  document.write("</TR>");
  } 
  </Script>
  </TBODY>
  </TABLE>
  <Script  LANGUAGE="JavaScript">
  Calendar();
  </Script>

[ ]

首页 评论 打印 刷新 返回顶部 关闭
【相关文章】  【相关评论】
极品万年历网页特效
ASP编程:Sub和Function过程的比较
ASP教程:堵住ASP漏洞
ASP教程,ASP实现防盗链的方法
asp实现语音上传