📄 时钟.htm
字号:
AddTxt="[move][/move]";
AddText(AddTxt);
} else {
txt=prompt("要产生移动效果的文字","文字");
if (txt!=null) {
AddTxt="[move]"+txt;
AddText(AddTxt);
AddTxt="[/move]";
AddText(AddTxt);
}
}
}
function shadow() {
if (helpstat) {
alert("阴影标记\n使文字产生阴影效果.\n用法: [SHADOW=宽度, 颜色, 边界]要产生阴影效果的文字[/SHADOW]");
} else if (basic) {
AddTxt="[SHADOW=255,blue,1][/SHADOW]";
AddText(AddTxt);
} else {
txt2=prompt("文字的长度、颜色和边界大小","255,blue,1");
if (txt2!=null) {
txt=prompt("要产生阴影效果的文字","文字");
if (txt!=null) {
if (txt2=="") {
AddTxt="[SHADOW=255, blue, 1]"+txt;
AddText(AddTxt);
AddTxt="[/SHADOW]";
AddText(AddTxt);
} else {
AddTxt="[SHADOW="+txt2+"]"+txt;
AddText(AddTxt);
AddTxt="[/SHADOW]";
AddText(AddTxt);
}
}
}
}
}
function glow() {
if (helpstat) {
alert("光晕标记\n使文字产生光晕效果.\n用法: [GLOW=宽度, 颜色, 边界]要产生光晕效果的文字[/GLOW]");
} else if (basic) {
AddTxt="[glow=255,red,2][/glow]";
AddText(AddTxt);
} else {
txt2=prompt("文字的长度、颜色和边界大小","255,red,2");
if (txt2!=null) {
txt=prompt("要产生光晕效果的文字.","文字");
if (txt!=null) {
if (txt2=="") {
AddTxt="[glow=255,red,2]"+txt;
AddText(AddTxt);
AddTxt="[/glow]";
AddText(AddTxt);
} else {
AddTxt="[glow="+txt2+"]"+txt;
AddText(AddTxt);
AddTxt="[/glow]";
AddText(AddTxt);
}
}
}
}
}
function openscriphtml()
{
if (navigator.appName!="Microsoft Internet Explorer")
alert("此功能 Netscape 用户不能使用！")
else
{newwin=window.open('htmledit/editor.html','','width=544,height=294');
newwin.focus();
}
}
function runEx(){
//alert('请注意，按下确定将生成页面，按下后请稍后....');
var winEx = window.open("", "winEx", "width=600,height=400,status=yes,menubar=yes,scrollbars=yes,resizable=yes"); winEx.document.open("text/html", "replace");
winEx.document.write(unescape(event.srcElement.parentElement.children[2].value));
winEx.document.close();
}
function openScript(url, width, height) {
var Win = window.open(url,"openScript",'width=' + width + ',height=' + height + ',resizable=1,scrollbars=yes,menubar=yes,status=yes' );
}
</SCRIPT>
<script language="Javascript">
<!-- hide
function insertsmilie(smilieface){
document.frmAnnounce.body.value+=smilieface;
}
// -->
</script>
<html>
<head>
<meta NAME="GENERATOR" Content="Microsoft FrontPage 4.0">
<meta HTTP-EQUIV="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="网页技巧,http://www.okof.com/">
<LINK href="style.css" rel=stylesheet>
<title>带时钟的台历：一个非常非常漂亮的仿真电子台历，不用可惜 - 网页技巧 http://www.okof.com/</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var isNS = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4));
var _all = '';
var _style = '';
var wwidth, wheight;
var ydir = '++';
var xdir = '++';
var id1, id2, id3;
var x = 297;
var y = 214;
var x1, y1;
if(!isNS) {
_all='all.';
_style='.style';
}
function getwindowsize() {
clearTimeout(id1);
clearTimeout(id2);
clearTimeout(id3);
if (isNS) {
wwidth = window.innerWidth - 55;
wheight = window.innerHeight - 50;
} else {
wwidth = document.body.clientWidth - 55;
wheight = document.body.clientHeight - 50;
}
id3 = setTimeout('randomdir()', 20000);
animate();
}
function randomdir() {
if (Math.floor(Math.random()*2)) {
(Math.floor(Math.random()*2)) ? xdir='--': xdir='++';
} else {
(Math.floor(Math.random()*2)) ? ydir='--': ydir='++';
}
id2 = setTimeout('randomdir()', 20000);
}
function animate() {
eval('x'+xdir);
eval('y'+ydir);
if (isNS) {
pic1.moveTo((x+pageXOffset),(y+pageYOffset))
} else {
pic1.pixelLeft = x+document.body.scrollLeft;
pic1.pixelTop = y+document.body.scrollTop;
}
if (isNS) {
if (pic1.top <= 5+pageYOffset) ydir = '++';
if (pic1.top >= wheight+pageYOffset) ydir = '--';
if (pic1.left >= wwidth+pageXOffset) xdir = '--';
if (pic1.left <= 5+pageXOffset) xdir = '++';
} else {
if (pic1.pixelTop <= 5+document.body.scrollTop) ydir = '++';
if (pic1.pixelTop >= wheight+document.body.scrollTop) ydir = '--';
if (pic1.pixelLeft >= wwidth+document.body.scrollLeft) xdir = '--';
if (pic1.pixelLeft <= 5+document.body.scrollLeft) xdir = '++';
}
id1 = setTimeout('animate()', 30);
}
// End -->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" topmargin="2" leftmargin="0" OnLoad="getwindowsize()" OnResize="getwindowsize()">
<head>
</head>
<!--<div id="pic1" style="position:absolute; left:297px; top:214px; width:100px; height:100px; z-index:1"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="100">
<param name=movie value="http://www.okof.com/images/1.SWF">
<param name=quality value=high>
<param name="wmode" value="transparent">
</object>
</div>-->
<table border="0" cellpadding="0" cellspacing="0" width="760" align=center height="43">
<tr>
<td width="160" rowspan="3" align="center" height="43"><a href="http://www.okof.com/" target="_self"><img border="0" src="http://www.okof.com/images/okoflogo.gif" width="160" height="61">
</a></td>
<td width="8" rowspan="3" height="43"></td>
<!--
<td width="519" rowspan="3" align="center" onmouseover="this.bgColor='ffffff';title = '万水千山总是情，点下广告行不行？'">
<script src="http://218.5.79.72:83/ads2000_click2.php3?userid=888"></script>
</td>
-->
<td width="519" rowspan="3" align="center" height="43">
<!--<a href="http://clnet.jahee.com/index.asp?user=admin"><img src="\images\money.gif" border=0></a>-->
<script language="javascript" src="http://www.1st-pay.net/work/banner.asp?banner=4&username=slnrm"></script>
</td>
<td width="10" rowspan="3" height="43"></td>
<td width="39" valign="middle" align="center" height="19"><img border="0" src="http://www.okof.com/images/home.gif">
</td>
<td width="146" valign="middle" align="left" height="19">
<a href="http://www.okof.com/#" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.okof.com/');" title="设为首页 随时参考">设为首页</a>
</td>
</tr>
<tr>
<td width="39" valign="middle" align="center" height="20"><img border="0" src="http://www.okof.com/images/favorite.gif">
</td>
<td width="146" valign="middle" align="left" height="20">
<A href="#" onclick="window.external.addFavorite('http://www.okof.com/','『网页技巧』')" target="_self" title="收藏本页 用时方便">加入收藏</A>
</td>
</tr>
<tr>
<td width="39" valign="middle" align="center" height="4"><img border="0" src="http://www.okof.com/images/email.gif"> </td>
<td width="146" valign="middle" align="left" height="4"> <a href="mailto:webmaster@okof.com">联系我们</a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="759" height="1">
<tr>
<td width="760" height="1" align="center"></td>
</tr>
</table>
<TABLE cellSpacing=0 cellPadding=0 width="95%" border=0 align=center>
<TBODY>
<TR>
<TD bgColor="#000000">
<TABLE cellSpacing=1 cellPadding=4 width="100%" border=0>
<TR>
<TD bgColor="#6595d6" colspan="2" background="../images/dwblue.gif">
| <a href="default.asp?classid=3"><font color=red>网页特效</font></a> |
| <a href="default.asp?classid=4">制作教程</a> |
| <a href="default.asp?classid=5">制作工具</a> |
| <a href="default.asp?classid=6">建站指南</a> |
| <a href="default.asp?classid=7">免费资源</a> |
| <a href="default.asp?classid=8">电脑技术</a> |
</TD></TR>
<TR>
<TD bgColor="#FFFFFF" colspan="2">
| <a href="index.asp?classid=3">网页特效</a>>><a href="index.asp?classid=3&Nclassid=7">时间特效</a>>>带时钟的台历：一个非常非常漂亮的仿真电子台历，不用可惜 <br>
</TD></TR>
<TR>
<TD bgColor="#FFFFFF" colspan="2">
<center><b><font size=3>带时钟的台历：一个非常非常漂亮的仿真电子台历，不用可惜 </font></b><br>www.okof.com 2002-12-14 <a href="assess.asp?id=148">网友评价</a>：★★★★☆</center><p>
<blockquote>
<br>
<IMG SRC="\skill\demo\try.gif" border=0> <A HREF="\skill\demo\sj01.htm" TARGET=_blank>点击效果演示</A></P><P>第一步：把如下代码加入<head>区域中：<BR><STYLE>A.menuitem {<BR> COLOR: menutext; TEXT-DECORATION: none<BR>}<BR>A.menuitem:hover {<BR> COLOR: highlighttext; BACKGROUND-COLOR: highlight<BR>}<BR>DIV.contextmenu {<BR> 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<BR>}<BR></STYLE></P><P>第二步：把如下代码加入<body>区域中:<BR><STYLE>A.menuitem {<BR> COLOR: menutext; TEXT-DECORATION: none<BR>}<BR>A.menuitem:hover {<BR> COLOR: highlighttext; BACKGROUND-COLOR: highlight<BR>}<BR>DIV.contextmenu {<BR> 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<BR>}</P><P></STYLE><BR><SCRIPT language=JavaScript><BR>function Year_Month(){ <BR> var now = new Date(); <BR> var yy = now.getYear(); <BR> var mm = now.getMonth()+1; <BR> var cl = '<font color="#0000df">'; <BR> if (now.getDay() == 0) cl = '<font color="#c00000">'; <BR> if (now.getDay() == 6) cl = '<font color="#00c000">'; <BR> return(cl + yy + '年' + mm + '月</font>'); }<BR> function Date_of_Today(){ <BR> var now = new Date(); <BR> var cl = '<font color="#ff0000">'; <BR> if (now.getDay() == 0) cl = '<font color="#c00000">'; <BR> if (now.getDay() == 6) cl = '<font color="#00c000">'; <BR> return(cl + now.getDate() + '</font>'); }<BR> function Day_of_Today(){ <BR> var day = new Array(); <BR> day[0] = "星期日"; <BR> day[1] = "星期一"; <BR> day[2] = "星期二"; <BR> day[3] = "星期三"; <BR> day[4] = "星期四"; <BR> day[5] = "星期五"; <BR> day[6] = "星期六"; <BR> var now = new Date(); <BR> var cl = '<font color="#0000df">'; <BR> if (now.getDay() == 0) cl = '<font color="#c00000">'; <BR> if (now.getDay() == 6) cl = '<font color="#00c000">'; <BR> return(cl + day[now.getDay()] + '</font>'); }<BR> function CurentTime(){ <BR> var now = new Date(); <BR> var hh = now.getHours(); <BR> var mm = now.getMinutes(); <BR> var ss = now.getTime() % 60000; <BR> ss = (ss - (ss % 1000)) / 1000; <BR> var clock = hh+':'; <BR> if (mm < 10) clock += '0'; <BR> clock += mm+':'; <BR> if (ss < 10) clock += '0'; <BR> clock += ss; <BR> return(clock); } <BR>function refreshCalendarClock(){ <BR>document.all.calendarClock1.innerHTML = Year_Month(); <BR>document.all.calendarClock2.innerHTML = Date_of_Today(); <BR>document.all.calendarClock3.innerHTML = Day_of_Today(); <BR>document.all.calendarClock4.innerHTML = CurentTime(); }<BR> var webUrl = webUrl; <BR>document.write('<table border="0" cellpadding="0" cellspacing="0"><tr><td>'); <BR>document.write('<table id="CalendarClockFreeCode" border="0" cellpadding="0" cellspacing="0" width="60" height="70" ');<BR>document.write('style="position:absolute;visibility:hidden" bgcolor="#eeeeee">');<BR>document.write('<tr><td align="center"><font ');<BR>document.write('style="cursor:hand;color:#ff0000;font-family:宋体;font-size:14pt;line-height:120%" ');<BR>if (webUrl != 'netflower'){ <BR> document.write('</td></tr><tr><td align="center"><font ');<BR> document.write('style="cursor:hand;color:#2000ff;font-family:宋体;font-size:9pt;line-height:110%" ');<BR>} <BR>document.write('</td></tr></table>'); <BR>document.write('<table border="0" cellpadding="0" cellspacing="0" width="61" bgcolor="#C0C0C0" height="70">');<BR>document.write('<tr><td valign="top" width="100%" height="100%">');<BR>document.write('<table border="1" cellpadding="0" cellspacing="0" width="58" bgcolor="#FEFEEF" height="67">');<BR>document.write('<tr><td align="center" width="100%" height="100%" >');<BR>document.write('<font id="calendarClock1" style="font-family:宋体;font-size:7pt;line-height:120%"> </font><br>');<BR>document.write('<font id="calendarClock2" style="color:#ff0000;font-family:Arial;font-size:14pt;line-height:120%"> </font><br>');<BR>document.write('<font id="calendarClock3" style="font-family:宋体;font-size:9pt;line-height:120%"> </font><br>');<BR>document.write('<font id="calendarClock4" style="color:#100080;font-family:宋体;font-size:8pt;line-height:120%"><b> </b></font>');<BR>document.write('</td></tr></table>');<BR>document.write('</td></tr></table>'); <BR>document.write('</td></tr></table>'); <BR>setInterval('refreshCalendarClock()',1000);<BR></SCRIPT></P><P> <br>
<br>
<p align=right>
原作者：网页技巧<br>
来 源：okof.com<br>
共有2750位读者阅读过此文，其中1位读者参与评价
<br><br>
【<a href=sendmail.asp?id=148>告诉好友</a>】 【<a href=assess.asp?id=148>我要评价</a>】
</blockquote>
<p><li><font color=#0772B1>上篇文章</font>：<a href="list.asp?id=147">倒影时钟：走动的时间还有倒影，看看吧 </a>
<BR>
<li><font color=#0772B1>下篇文章</font>：<a href="list.asp?id=149">单击鼠标消除文字：当要输入信息时，输入框事先有提示，单击鼠标，提示消失并进入等待输入状态</a>
</TD></TR>
<TR>
<TD bgColor="#6595d6" width="50%" background="../images/dwblue.gif">□-
本月热门文章
</TD>
<TD bgColor="#6595d6" width="50%" background="../images/dwblue.gif">□- 相关文章
</TD></TR>
<tr><td width="50%" valign=top bgColor="#FFFFFF">
1.<a href="list.asp?id=148" title="带时钟的台历：一个非常非常漂亮的仿真电子台历，不用可惜 " target=_top>带时钟的台历：一个非常非常漂亮的仿真...</a>[<font color=red>2750</font>]<br>
2.<a href="list.asp?id=12" title="垂直滚动公告板：可用于站点公告播放 " target=_top>垂直滚动公告板：可用于站点公告播放 </a>[<font color=red>2613</font>]<br>
3.<a href="list.asp?id=226" title="象雪花飘飞的LOGO连接：带连接的图片在页面飘飞。很多大型网站常用 " target=_top>象雪花飘飞的LOGO连接：带连接的图...</a>[<font color=red>2566</font>]<br>
4.<a href="list.asp?id=90" title="闪烁的星星：象图片一样跟随着鼠标闪烁的星星，简单却很实用 " target=_top>闪烁的星星：象图片一样跟随着鼠标闪烁...</a>[<font color=red>2463</font>]<br>
5.<a href="list.asp?id=41" title="开机速度为何总是这样慢？" target=_top>开机速度为何总是这样慢？</a>[<font color=red>2419</font>]<br>
6.<a href="list.asp?id=7" title="带连接上滚文本(一)：带连接的向上滚动文本。非常实用的技巧。" target=_top>带连接上滚文本(一)：带连接的向上滚...</a>[<font color=red>2005</font>]<br>
7.<a href="list.asp?id=163" title="礼花背景：深隧的天空不断爆出多彩的礼花，漂亮极了 " target=_top>礼花背景：深隧的天空不断爆出多彩的礼...</a>[<font color=red>1994</font>]<br>
</td><td width="50%" valign=top bgColor="#FFFFFF">
<a href='list.asp?id=148'>带时钟的台历：一个非常非常漂亮的仿真电子台历，不用可惜 </a><br>
<a href='list.asp?id=147'>倒影时钟：走动的时间还有倒影，看看吧 </a><br>
<a href='list.asp?id=145'>指针式时钟：绝对酷的指针式时钟，与真正的时钟非常相似</a><br>
<a href='list.asp?id=141'>非常酷的手表：一个真正的手表，指针是用内嵌函数做成的，非常酷 </a><br>
<a href='list.asp?id=138'>纯JavaScript时钟：纯JavaScript做的指针式时钟 </a><br>
</td></tr>
</table>
</td>
</tr>
</tbody>
</table>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="760">
<tr>
<td align="center" width="760" height="5">
<script src="http://www.okof.com/statics/mystat.asp?style=flash"></script>
</td>
</tr>
<tr>
<td align="center" width="760"><a href="http://www.okof.com/introduce.asp">网站简介</a><b>│</b><a href="http://www.okof.com/statement.asp">版权声明</a><b>│</b><a href="mailto:webmaster@okof.com">投稿中心</a><b>│</b><a href="mailto:webmaster@okof.com">联系我们</a>
</td>
</tr>
<tr>
<td align="center" width="760">Copyright 2001-2005 www.<font color="#FF0000">okof</font>.com
好的网络有限公司 All rights reserved</td>
</tr>
</table>
</center>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -