2顶

鼠标在日历中的多用途

稿源：互联网 2022-04-14 15:39:09 点击： 630 撤稿纠错

页面中的日历效果，鼠标移过切换，点击后弹出新窗口。

以下讨论的是和日历特效相关的鼠标在日历中的多用途教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<body>区域中
<script>
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="#0000df">'; 
  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[2] = "星期二"; 
  day[3] = "星期三"; 
  day[4] = "星期四"; 
  day[5] = "星期五"; 
  day[6] = "星期六"; 
  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(); 
  } 
function getCalendarClockFreeCodeMsg(nn){ 
  if (nn == 'off') CalendarClockFreeCode.style.visibility = 'hidden'; 
  else { 
  CalendarClockFreeCode.style.visibility = 'visible'; 
  setTimeout("getCalendarClockFreeCodeMsg('off')",10000); 
  } 
  } 
var webUrl = webUrl; 
function calendarClockFreeCode(){ 
  var win = window.open('about:blank','_blank','width=300,height=260,top=0,left=0'); 
  win.document.writeln('<'+'script language="JavaScript">'); 
  win.document.writeln('var autoClose = setTimeout("window.close()",30000)'); 
  win.document.writeln('</'+'script>'); 
  win.document.writeln('<p align="center"><a style="cursor:hand"');
  win.document.writeln(' onclick="clearTimeout(autoClose)">请点击此处,否则<br>30秒后此窗口将自动关闭</a></p>'); 
  win.document.writeln('<p>想在自己的网站上添加带日历时钟的朋友，请将下面框中的代码贴到网页的适当地方就可以了<br>'); 
  win.document.writeln('<textarea rows="4" cols="30">');
  win.document.writeln('&lt;script&gt;');
  win.document.writeln('function Year_Month(){ ');
  win.document.writeln('var now = new Date(); ');
  win.document.writeln('var yy = now.getYear(); ');
  win.document.writeln('var mm = now.getMonth()+1; ');
  win.document.writeln('var cl = '&lt;font color=&quot;#0000df&quot;&gt;'; ');
  win.document.writeln('if (now.getDay() == 0) cl = '&lt;font color=&quot;#c00000&quot;&gt;'; ');
  win.document.writeln('if (now.getDay() == 6) cl = '&lt;font color=&quot;#00c000&quot;&gt;'; ');
  win.document.writeln('return(cl + yy + '年' + mm + '月&lt;/font&gt;'); ');
  win.document.writeln('}');
  win.document.writeln('function Date_of_Today(){ ');
  win.document.writeln(' var now = new Date(); ');
  win.document.writeln(' var cl = '&lt;font color=&quot;#0000df&quot;&gt;'; ');
  win.document.writeln(' if (now.getDay() == 0) cl = '&lt;font color=&quot;#c00000&quot;&gt;'; ');
  win.document.writeln(' if (now.getDay() == 6) cl = '&lt;font color=&quot;#00c000&quot;&gt;'; ');
  win.document.writeln(' return(cl + now.getDate() + '&lt;/font&gt;'); ');
  win.document.writeln(' } ');
  win.document.writeln('function Day_of_Today(){ ');
  win.document.writeln(' var day = new Array(); ');
  win.document.writeln(' day[0] = &quot;星期日&quot;; ');
  win.document.writeln(' day[1] = &quot;星期一&quot;; ');
  win.document.writeln(' day[2] = &quot;星期二&quot;; ');
  win.document.writeln(' day[3] = &quot;星期三&quot;; ');
  win.document.writeln(' day[4] = &quot;星期四&quot;; ');
  win.document.writeln(' day[5] = &quot;星期五&quot;; ');
  win.document.writeln(' day[6] = &quot;星期六&quot;; ');
  win.document.writeln(' var now = new Date(); ');
  win.document.writeln(' var cl = '&lt;font color=&quot;#0000df&quot;&gt;'; ');
  win.document.writeln(' if (now.getDay() == 0) cl = '&lt;font color=&quot;#c00000&quot;&gt;'; ');
  win.document.writeln(' if (now.getDay() == 6) cl = '&lt;font color=&quot;#00c000&quot;&gt;'; ');
  win.document.writeln(' return(cl + day[now.getDay()] + '&lt;/font&gt;'); ');
  win.document.writeln(' } ');
  win.document.writeln('function CurentTime(){ ');
  win.document.writeln(' var now = new Date(); ');
  win.document.writeln(' var hh = now.getHours(); ');
  win.document.writeln(' var mm = now.getMinutes(); ');
  win.document.writeln(' var ss = now.getTime() % 60000; ');
  win.document.writeln(' ss = (ss - (ss % 1000)) / 1000; ');
  win.document.writeln(' var clock = hh+':'; ');
  win.document.writeln(' if (mm &lt; 10) clock += '0'; ');
  win.document.writeln(' clock += mm+':'; ');
  win.document.writeln(' if (ss &lt; 10) clock += '0'; ');
  win.document.writeln(' clock += ss; ');
  win.document.writeln(' return(clock); ');
  win.document.writeln(' } ');
  win.document.writeln('function refreshCalendarClock(){ ');
  win.document.writeln(' document.all.calendarClock1.innerHTML = Year_Month(); ');
  win.document.writeln(' document.all.calendarClock2.innerHTML = Date_of_Today(); ');
  win.document.writeln(' document.all.calendarClock3.innerHTML = Day_of_Today(); ');
  win.document.writeln(' document.all.calendarClock4.innerHTML = CurentTime(); ');
  win.document.writeln(' } ');
  win.document.writeln('function getCalendarClockFreeCodeMsg(nn){ ');
  win.document.writeln(' if (nn == 'off') CalendarClockFreeCode.style.visibility = 'hidden'; ');
  win.document.writeln(' else { ');
  win.document.writeln(' CalendarClockFreeCode.style.visibility = 'visible'; ');
  win.document.writeln(' setTimeout(&quot;getCalendarClockFreeCodeMsg('off')&quot;,10000); ');
  win.document.writeln(' } ');
  win.document.writeln(' } ');
  win.document.writeln('var webUrl = webUrl; ');
  win.document.writeln('function calendarClockFreeCode(){ ');
  win.document.writeln(' var win = window.open('about:blank','_blank','width=300,height=260,top=0,left=0'); ');
  win.document.writeln(' win.document.writeln('&lt;'+'script language=&quot;JavaScript&quot;&gt;'); ');
  win.document.writeln(' win.document.writeln('var autoClose = setTimeout(&quot;window.close()&quot;,30000)'); ');
  win.document.writeln(' win.document.writeln('&lt;/'+'script&gt;'); ');
  win.document.writeln(' win.document.writeln('&lt;p align=&quot;center&quot;&gt;&lt;a style=&quot;cursor:hand&quot;');');
  win.document.writeln(' win.document.writeln(' onclick=&quot;clearTimeout(autoClose)&quot;&gt;请点击此处,否则&lt;br&gt;30秒后此窗口将自动关闭&lt;/a&gt;&lt;/p&gt;'); ');
  win.document.writeln(' win.document.writeln('&lt;p&gt;想在自己的网站上添加带日历时钟的朋友，请将下面框中的代码贴到网页的适当地方就可以了&lt;br&gt;'); ');
  win.document.writeln(' win.document.writeln('&lt;textarea rows=&quot;4&quot; cols=&quot;30&quot;&gt;');');
  win.document.writeln(' win.document.write ('http://www.k688.com/');');
  win.document.writeln(' win.document.writeln('&lt;/textarea&gt;&lt;/p&gt;'); ');
  win.document.writeln(' win.document.writeln('&lt;p align=&quot;center&quot;&gt;&lt;a style=&quot;cursor:hand&quot; onclick=&quot;window.close()&quot;&gt;'); ');
  win.document.writeln(' win.document.writeln('[关闭窗口]&lt;/a&gt;&lt;/p&gt;'); ');
  win.document.writeln(' } ');
  win.document.writeln('document.write('&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tr&gt;&lt;td&gt;'); ');
  win.document.writeln(' document.write('&lt;table id=&quot;CalendarClockFreeCode&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;60&quot; height=&quot;70&quot; ');');
  win.document.writeln(' document.write('style=&quot;position:absolute;visibility:hidden&quot; bgcolor=&quot;#eeeeee&quot;&gt;');');
  win.document.writeln(' document.write('&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;font ');');
  win.document.writeln(' document.write('style=&quot;cursor:hand;color:#ff0000;font-family:宋体;font-size:9pt;line-height:110%&quot; ');');
  win.document.writeln(' document.write('onclick=getCalendarClockFreeCodeMsg(&quot;off&quot;);calendarClockFreeCode()&gt;获取&lt;br&gt;此特效代码&lt;/font&gt;'); ');
  win.document.writeln(' if (webUrl != 'netflower'){ ');
  win.document.writeln(' document.write('&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align=&quot;center&quot;&gt;&lt;font ');');
  win.document.writeln(' document.write('style=&quot;cursor:hand;color:#2000ff;font-family:宋体;font-size:9pt;line-height:110%&quot; ');');
  win.document.writeln(' document.write('onclick=getCalendarClockFreeCodeMsg(&quot;off&quot;);window.open(&quot;http://www.k688.com/&quot;,&quot;_blank&quot;,&quot;top=0,left=0,width=800,height=500,toolbar=yes,resizable=yes,scrollbars=yes&quot;)&gt;欢迎访问&lt;br&gt;阿里西西&lt;/font&gt;'); ');
  win.document.writeln(' } ');
  win.document.writeln(' document.write('&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;'); ');
  win.document.writeln('document.write('&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;60&quot; bgcolor=&quot;#C0C0C0&quot; height=&quot;70&quot;&gt;');');
  win.document.writeln(' document.write('&lt;tr&gt;&lt;td valign=&quot;top&quot; width=&quot;100%&quot; height=&quot;100%&quot;&gt;');');
  win.document.writeln(' document.write('&lt;table border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;57&quot; bgcolor=&quot;#FEFEEF&quot; height=&quot;67&quot;&gt;');');
  win.document.writeln(' document.write('&lt;tr&gt;&lt;td align=&quot;center&quot; width=&quot;100%&quot; height=&quot;100%&quot; onmouseover=getCalendarClockFreeCodeMsg(&quot;on&quot;)&gt;');');
  win.document.writeln(' document.write('&lt;font id=&quot;calendarClock1&quot; style=&quot;font-family:宋体;font-size:7pt;line-height:120%&quot;&gt; &lt;/font&gt;&lt;br&gt;');');
  win.document.writeln(' document.write('&lt;font id=&quot;calendarClock2&quot; style=&quot;font-family:Arial;font-size:14pt;line-height:120%&quot;&gt; &lt;/font&gt;&lt;br&gt;');');
  win.document.writeln(' document.write('&lt;font id=&quot;calendarClock3&quot; style=&quot;font-family:宋体;font-size:9pt;line-height:120%&quot;&gt; &lt;/font&gt;&lt;br&gt;');');
  win.document.writeln(' document.write('&lt;font id=&quot;calendarClock4&quot; style=&quot;color:#100080;font-family:宋体;font-size:8pt;line-height:120%&quot;&gt;&lt;b&gt; &lt;/b&gt;&lt;/font&gt;');');
  win.document.writeln(' document.write('&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;');');
  win.document.writeln(' document.write('&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;'); ');
  win.document.writeln(' document.write('&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;'); ');
  win.document.writeln(' setInterval('refreshCalendarClock()',1000);');
  win.document.writeln('&lt;/script&gt;');
  win.document.writeln('</textarea></p>'); 
  win.document.writeln('<p align="center"><a style="cursor:hand" onclick="window.close()">'); 
  win.document.writeln('[关闭窗口]</a></p>'); 
  } 
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:9pt;line-height:110%" ');
  document.write('onclick=getCalendarClockFreeCodeMsg("off");calendarClockFreeCode()>获取<br>此特效代码</font>'); 
  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('onclick=getCalendarClockFreeCodeMsg("off");window.open("http://www.k688.com/","_blank","top=0,left=0,width=800,height=500,toolbar=yes,resizable=yes,scrollbars=yes")>欢迎访问<br>阿里西西</font>'); 
  } 
  document.write('</td></tr></table>'); 
document.write('<table border="0" cellpadding="0" cellspacing="0" width="60" bgcolor="#C0C0C0" height="70">');
  document.write('<tr><td valign="top" width="100%" height="100%">');
  document.write('<table border="1" cellpadding="0" cellspacing="0" width="57" bgcolor="#FEFEEF" height="67">');
  document.write('<tr><td align="center" width="100%" height="100%" onmouseover=getCalendarClockFreeCodeMsg("on")>');
  document.write('<font id="calendarClock1" style="font-family:宋体;font-size:7pt;line-height:120%"> </font><br>');
  document.write('<font id="calendarClock2" style="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>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于鼠标在日历中的多用途的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719581.shtml方便下次再访问哦。

·上一篇： 测算年度星期数
·下一篇： 农历日历脚本

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

鼠标在日历中的多用途

文章分类LIST >>返回首页

最新游戏

最新新闻