首页 考试吧论坛 Exam8视线 考试商城 网络课程 模拟考试 考友录 实用文档 求职招聘 论文下载
2011中考 | 2011高考 | 2012考研 | 考研培训 | 在职研 | 自学考试 | 成人高考 | 法律硕士 | MBA考试
MPA考试 | 中科院
四六级 | 职称英语 | 商务英语 | 公共英语 | 托福 | 雅思 | 专四专八 | 口译笔译 | 博思 | GRE GMAT
新概念英语 | 成人英语三级 | 申硕英语 | 攻硕英语 | 职称日语 | 日语学习 | 法语 | 德语 | 韩语
计算机等级考试 | 软件水平考试 | 职称计算机 | 微软认证 | 思科认证 | Oracle认证 | Linux认证
华为认证 | Java认证
公务员 | 报关员 | 银行从业资格 | 证券从业资格 | 期货从业资格 | 司法考试 | 法律顾问 | 导游资格
报检员 | 教师资格 | 社会工作者 | 外销员 | 国际商务师 | 跟单员 | 单证员 | 物流师 | 价格鉴证师
人力资源 | 管理咨询师考试 | 秘书资格 | 心理咨询师考试 | 出版专业资格 | 广告师职业水平
驾驶员 | 网络编辑
卫生资格 | 执业医师 | 执业药师 | 执业护士
会计从业资格考试会计证) | 经济师 | 会计职称 | 注册会计师 | 审计师 | 注册税务师
注册资产评估师 | 高级会计师 | ACCA | 统计师 | 精算师 | 理财规划师 | 国际内审师
一级建造师 | 二级建造师 | 造价工程师 | 造价员 | 咨询工程师 | 监理工程师 | 安全工程师
质量工程师 | 物业管理师 | 招标师 | 结构工程师 | 建筑师 | 房地产估价师 | 土地估价师 | 岩土师
设备监理师 | 房地产经纪人 | 投资项目管理师 | 土地登记代理人 | 环境影响评价师 | 环保工程师
城市规划师 | 公路监理师 | 公路造价师 | 安全评价师 | 电气工程师 | 注册测绘师 | 注册计量师
缤纷校园 | 实用文档 | 英语学习 | 作文大全 | 求职招聘 | 论文下载 | 访谈 | 游戏
您现在的位置: 考试吧(Exam8.com) > 软件水平考试 > 复习资料 > 网页制作 > 正文

网页特效:带显示时间的挂历

  要完成此效果把如下代码加入到<body>区域中

  <STYLE>A.menuitem {
   COLOR: menutext; TEXT-DECORATION: none
  }
  A.menuitem:hover {
   COLOR: highlighttext; BACKGROUND-COLOR: highlight
  }
  DIV.contextmenu {
   BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; Z-INDEX: 999; VISIBILITY: hidden; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset; POSITION: absolute; BACKGROUND-COLOR: buttonface
  }
  </STYLE>
  <script language=Javascript>
  function Year_Month(){
   var now = new Date();
   var yy = now.getYear();
   var mm = now.getMonth()+1;
   var cl = ‘<font color="#0000df">‘;
   if (now.getDay() == 0) cl = ‘<font color="#c00000">‘;
   if (now.getDay() == 6) cl = ‘<font color="#00c000">‘;
   return(cl +  yy + ‘年‘ + mm + ‘月</font>‘); }
  function Date_of_Today(){
   var now = new Date();
   var cl = ‘<font color="#ff0000">‘;
   if (now.getDay() == 0) cl = ‘<font color="#c00000">‘;
   if (now.getDay() == 6) cl = ‘<font color="#00c000">‘;
   return(cl +  now.getDate() + ‘</font>‘); }
  function Day_of_Today(){
   var day = new Array();
   day[0] = "星期日";
   day[1] = "星期一";
   day = "星期二";
   day = "星期三";
   day = "星期四";
   day = "星期五";
   day = "星期六";
   var now = new Date();
   var cl = ‘<font color="#0000df">‘;
   if (now.getDay() == 0) cl = ‘<font color="#c00000">‘;
   if (now.getDay() == 6) cl = ‘<font color="#00c000">‘;
   return(cl +  day[now.getDay()] + ‘</font>‘); }
  function CurentTime(){
   var now = new Date();
   var hh = now.getHours();
   var mm = now.getMinutes();
   var ss = now.getTime() % 60000;
   ss = (ss - (ss % 1000)) / 1000;
   var clock = hh+‘:‘;
   if (mm < 10) clock += ‘0‘;
   clock += mm+‘:‘;
   if (ss < 10) clock += ‘0‘;
   clock += ss;
   return(clock); }
  function refreshCalendarClock(){
   document.all.calendarClock1.innerHTML = Year_Month();
   document.all.calendarClock2.innerHTML = Date_of_Today();
   document.all.calendarClock3.innerHTML = Day_of_Today();
   document.all.calendarClock4.innerHTML = CurentTime(); }
  var webUrl = webUrl;
  document.write(‘<table border="0" cellpadding="0" cellspacing="0"><tr><td>‘);
  document.write(‘<table id="CalendarClockFreeCode" border="0" cellpadding="0" cellspacing="0" width="60" height="70" ‘);
  document.write(‘style="position:absolute;visibility:hidden" bgcolor="#eeeeee">‘);
  document.write(‘<tr><td align="center"><font ‘);
  document.write(‘style="cursor:hand;color:#ff0000;font-family:宋体;font-size:14pt;line-height:120%" ‘);
  if (webUrl != ‘netflower‘){
   document.write(‘</td></tr><tr><td align="center"><font ‘);
   document.write(‘style="cursor:hand;color:#2000ff;font-family:宋体;font-size:9pt;line-height:110%" ‘);
  }
  document.write(‘</td></tr></table>‘);
  document.write(‘<table border="0" cellpadding="0" cellspacing="0" width="61" bgcolor="#C0C0C0" height="70">‘);
  document.write(‘<tr><td valign="top" width="100%" height="100%">‘);
  document.write(‘<table border="1" cellpadding="0" cellspacing="0" width="58" bgcolor="#FEFEEF" height="67">‘);
  document.write(‘<tr><td align="center" width="100%" height="100%" >‘);
  document.write(‘<font id="calendarClock1" style="font-family:宋体;font-size:7pt;line-height:120%"> </font><br>‘);
  document.write(‘<font id="calendarClock2" style="color:#ff0000;font-family:Arial;font-size:14pt;line-height:120%"> </font><br>‘);
  document.write(‘<font id="calendarClock3" style="font-family:宋体;font-size:9pt;line-height:120%"> </font><br>‘);
  document.write(‘<font id="calendarClock4" style="color:#100080;font-family:宋体;font-size:8pt;line-height:120%"><b> </b></font>‘);
  document.write(‘</td></tr></table>‘);
  document.write(‘</td></tr></table>‘);
  document.write(‘</td></tr></table>‘);
  setInterval(‘refreshCalendarClock()‘,1000);
  </script>

1 2  下一页
文章搜索
软件水平考试栏目导航
版权声明:如果软件水平考试网所转载内容不慎侵犯了您的权益,请与我们联系800@exam8.com,我们将会及时处理。如转载本软件水平考试网内容,请注明出处。