Dreamweaver特效:在网页中显示可拖动的月历

Dreamweaver特效:在网页中显示可拖动的月历

日期:2006-10-19 11:06:06  点击:205  作者:  来源:中国站长资讯网

使用本文提供的javascript脚本,配合Dreamweaver的层和行为的运用,可以在页面中显示可拖动的精美月历。

具体制作步骤如下: 数据挖掘交友

1、启动Dreamweaver MX,新建一个HTML文档,切换到代码视图,编写javascript脚本。 数据挖掘实验室

(1)在HTML文档的< head>...< /head>插入下面的javascript脚本:

< SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
  //定义月历函数
  function calendar() {
  var today = new Date(); //创建日期对象
  year = today.getYear(); //读取年份
  thisDay = today.getDate(); //读取当前日

//创建每月天数数组
  var monthDays = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
  //如果是闰年,2月份的天数为29天
  if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;
  daysOfCurrentMonth = monthDays[today.getMonth()]; //从每月天数数组中读取当月的天数
  firstDay = today;//复制日期对象
  firstDay.setDate(1); //设置日期对象firstDay的日为1号
  startDay = firstDay.getDay(); //确定当月第一天是星期几 数据挖掘研究院

//定义周日和月份中文名数组
  var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
  var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
  //创建日期对象
  var newDate = new Date(); 数据挖掘实验室

//创建表格
document.write("< TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2" ALIGN="CENTER" BGCOLOR="#0080FF">")
  document.write("< TR>< TD>< table border="0" cellspacing="1" cellpadding="2" bgcolor="#88FF99">");
  document.write("< TR>< th colspan="7" bgcolor="#C8E3FF">");

//显示当前日期和周日
  document.writeln("< FONT STYLE="font-size:9pt;Color:#FF0000">" + newDate.getYear() + "年" + monthNames[newDate.getMonth()] + " " + newDate.getDate() + "日 " + dayNames[newDate.getDay()] + "< /FONT>"); 数据挖掘交友

//显示月历表头
document.writeln("< /TH>< /TR>< TR>< TH BGCOLOR="#0080FF">< FONT STYLE="font-size:9pt;Color:White">日< /FONT>< /TH>");
document.writeln("< th bgcolor="#0080FF">< FONT STYLE="font-size:9pt;Color:White">一< /FONT>< /TH>");
document.writeln("< TH BGCOLOR="#0080FF">< FONT STYLE="font-size:9pt;Color:White">二< /FONT>< /TH>");
document.writeln("< TH BGCOLOR="#0080FF">< FONT STYLE="font-size:9pt;Color:White">三< /FONT>< /TH>");
document.writeln("< TH BGCOLOR="#0080FF">< FONT STYLE="font-size:9pt;Color:White">四< /FONT>< /TH>");
document.writeln("< TH BGCOLOR="#0080FF">< FONT STYLE="font-size:9pt;Color:White">五< /FONT>< /TH>"); 数据挖掘工具
document.writeln("< TH BGCOLOR="#0080FF">< FONT STYLE="font-size:9pt;Color:White">六< /FONT>< /TH>");
document.writeln("< /TR>< TR>");

数据挖掘论坛

//显示每月前面的"空日"
  column = 0;
  for (i=0; i  document.writeln("n< TD>< FONT STYLE="font-size:9pt"> < /FONT>< /TD>");
  column++;
  } 数据挖掘工具

//如果是当前日就突出显示(红色),否则正常显示(黑色)
  for (i=1; i<=daysOfCurrentMonth; i++) {
  if (i == thisDay) {
  document.writeln("< /TD>< TD ALIGN="CENTER">< FONT STYLE="font-size:9pt;Color:#ff0000">< B>")
  }
  else {
  document.writeln("< /TD>< TD BGCOLOR="#88FF99" ALIGN="CENTER">< FONT STYLE="font-size:9pt;font-family:Arial;font-weight:bold;Color:#000000">");
  }
  document.writeln(i);
  if (i == thisDay) document.writeln("< /FONT>< /TD>")
  column++;
  if (column == 7) {
  document.writeln("< TR>");
  column = 0;
  }
  }
  document.writeln("< TR>< TD COLSPAN="7" ALIGN="CENTER" VALIGN="TOP" BGCOLOR="#0080FF">")
  document.writeln("< FORM NAME="time" onSubmit="0">< FONT STYLE="font-size:9pt;Color:#ffffff">") 数据挖掘工具

//显示当前时间
  document.writeln("当前时间:< INPUT TYPE="Text" NAME="textbox" ALIGN="TOP">< /FONT>< /TD>< /TR>< /TABLE>")
  document.writeln("< /TD>< /TR>< /TABLE>< /FORM>");
  }
  < /SCRIPT> 数据挖掘论坛

< SCRIPT LANGUAGE="javascript">
  //初始化控制变量
  var timerID = null;
  var timerRunning = false; 数据挖掘论坛

//定义时间显示函数
  function stoptime (){
  if(timerRunning)
  clearTimeout(timerID);
  timerRunning = false;} 数据挖掘研究院

//定义显示时间函数
  function showtime () {
  var newDate = new Date();
  var hours = newDate.getHours();
  var minutes = newDate.getMinutes();
  var seconds = newDate.getSeconds()
  var timeValue = " " + ((hours >12) ? hours -12 :hours)
  timeValue += ((minutes < 10) ? ":0" : ":") + minutes
  timeValue += ((seconds < 10) ? ":0" : ":") + seconds
  timeValue += (hours >= 12) ? " 下午 " : " 上午 "
  document.time.textbox.value = timeValue;
  timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示
  timerRunning = true;} 数据挖掘实验室

//显示当前时间
  function starttime () {
  stoptime();
  showtime();}
  < /SCRIPT> 数据挖掘实验室

[数据挖掘专家] [数据挖掘研究院] [数据挖掘论坛] [数据挖掘实验室]
上一篇:用Dreamweaver设计限时自动关闭的网页
下一篇:Dreamweaver MX教程:在居中页面使用层
最新评论共有 0 位网友发表了评论 , 查看所有评论
发表评论( 不能超过250字,需审核,请自觉遵守互联网相关政策法规。 )
匿名?
数据挖掘网站导航 数据挖掘论坛导航
  • 数据挖掘工具
  • 数据挖掘论坛
  • DataCruncher - Cognos
  • MineSet - MathSoft
  • Intelligent Miner - GainSmarts
  • Sqlserver - SAS - Clementine
  • CART - Weka - WizSoft
  • NeuroShell - ModelQuest
  • data mining tools - Darwin
  • 数据挖掘交友
  • 数据挖掘博客
  • 数据挖掘工具
  • 数据挖掘资源
  • 数据挖掘技术算法
  • 数据挖掘相关期刊、会议
  • 研究院联盟合作专区
  • 数据挖掘基础与相关技术
  • 数据挖掘厂商与就业
  • 数据挖掘研究者乐园
  • 知名厂商数据挖掘工具资料
  • 国内数据挖掘实验室
  • Foreign Data Mining Lab
  • 热点关注
  • 网页javascript精华代码集
  • Javascript高级教程-神奇的字符串处理
  • Javascript高级教程-分割方法(splitting me
  • JS+CSS打造可拖动的聊天窗口层
  • javaScript对象和属性
  • 用FrontPage2003轻松制作ASP动态网页
  • JavaScript高级教程 - 子字符串
  • Javascript高级教程-介绍cookie
  • Javascript高级教程
  • JS无缝滚屏效果
  • 论坛最新话题
  • Foundations of Statistical Natural Langu
  • Game Theory meet Data Mining: A Recent P
  • System Building: How does it help or hin
  • 数据挖掘与Clementine培训
  • 新手报到
  • 求 SASEM 客户流失预测分析
  • 数据挖掘工程师/搜索研究院—北京——无线
  • 数据挖掘入门介绍(如何着手数据挖掘)
  • Information Overload Survey Results
  • The INEX 2005 Workshop on Element Retrie
  • 相关资讯
  • JavaScript高级教程 - 相关数组
  • Javascript高级教程-分割方法(splitting me
  • JavaScript高级教程 - 子字符串
  • Javascript高级教程-神奇的字符串处理
  • JavaScript高级教程 - 变量的使用方法
  • JavaScript高级教程 - 什么是变量
  • 一个if-then-else的快捷方式
  • Javascript高级教程-本教程的课程计划
  • Javascript高级教程
  • Javascript高级教程-介绍cookie
  • 数据挖掘实验室资料
  • 数据挖掘博客地址
  • 数据挖掘实验室网站地址
  • Prepare for Medicare audits by using dat
  • 注册成为SAS用户与爱好者俱乐部会员
  • 水南梅
  • 明日烟
  • 新人报道
  • 下载
  • 厦门服务器托管,450元/月—0592-5177319 高
  • 买空间送域名--0592-5177319 高静