选择镜像：网通镜像 - 电信主站

会员登录/控制面版您的位置: 学院首页 >> WEB开发 >> ASP开发 >> ASP基础 >> 详细内容

推荐文章

ASP的100个必须掌握的基础

热点文章

相关文章

百度搜索

ASP的100个必须掌握的基础

阅览次数:
文章来源: http://www.codepub.com/
原文作者:
整理日期: 2008-03-26
发表评论

字体大小:
小
中
大

65,Q:数字时钟（示例一）
A:<html>
<head>
<title>生动逼真的数字时钟</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
A:link {text-decoration: none; color:#ffffff; font-family: 宋体}
A:visited {text-decoration: none; color: #e0e088; font-family: 宋体}
A:active {text-decoration: none; color: #FF0000; font-family: 宋体}
A:hover {text-decoration: underline; color: FF0000}
body {font-size:9pt}
td {font-size:9pt}
</style>
<script language="javascript">
<!--
img = new Array()
for(var i=0; i <= 14; i++)
{img = new Image();}
img[1].src = "dg0.gif"
img[2].src = "dg1.gif"
img[3].src = "dg2.gif"
img[4].src = "dg3.gif"
img[5].src = "dg4.gif"
img[6].src = "dg5.gif"
img[7].src = "dg6.gif"
img[8].src = "dg7.gif"
img[9].src = "dg8.gif"
img[10].src = "dg9.gif"
img[11].src = "dgon.gif"
img[12].src = "dgoff.gif"
img[13].src = "dgam.gif"
img[14].src = "dgpm.gif"
var base = "dg"
var space = "space.gif"

var per = false
function stop() {
     document.one.src = space
     document.two.src = space
     document.three.src = space
     document.four.src = space
     document.five.src = space
     document.six.src = space
     per = false
}
function pause() {per = false}
function go() {per = true; start()}
function start()
{      if(per == true) {
           var now = new Date()
           var hours = now.getHours();
           var ampm = (hours < 12) ? "am" : "pm"
           hours = (hours > 12) ? (hours - 12) + "" : hours + ""
           hours = (hours == "0") ? "12" : hours
           hours = (hours < 10) ? "0" + hours : hours + ""
           var minutes = now.getMinutes();
           minutes = (minutes < 10) ? "0" + minutes : minutes + ""
           var seconds = now.getSeconds();
           seconds = (seconds < 10) ? "0" + seconds : seconds + ""
           document.one.src = (hours.charAt(0)=="0") ? space : add(hours.charAt(0))
           document.two.src = add(hours.charAt(1))
           document.three.src = (now.getSeconds() % 2) ? add("on") : add("off")
           document.four.src = add(minutes.charAt(0))
           document.five.src = add(minutes.charAt(1))
           document.six.src = add(ampm)
           setTimeout("start()",1000)
     }
}

function add(it) {return "dg" + it + ".gif"}
//-->
</script>
</head>
<body onLoad="go()" bgcolor="#000000" text="#FFFFFF" onselectstart="return false;">
<div align="center">
  <p><font size="3" color=yellow>数字时钟 [Digital Clock]</font></p>
  <p><img src="space.gif" width=16 height=21 alt="clock" name="one"><img src="space.gif" width=16 height=21 alt="clock" name="two"><img src="space.gif" width=8 height=21 alt="clock" name="three"><img src="space.gif" width=16 height=21 alt="clock" name="four"><img src="space.gif" width=16 height=21 alt="clock" name="five"><img src="space.gif" width=16 height=21 alt="clock" name="six">
  <br><a href="javascript:go()">开始</a> | <a href="javascript:pause()">暂停</a> | <a href="javascript:stop()">停止</a>
  </p>
  <table width="69%" border="0">
    <tr>
      <td>代码：<br>
        <br>
        <html><br>
        <head><br>
        <title>生动逼真的数字时钟</title><br>
        <script language="javascript"><br>
        <br>
          </script><br>
          </head><br>
        <br>
          <body <font color="#66FF66">onLoad="go()"</font> bgcolor="#000000"
          text="#FFFFFF"><br>
<font color="#FFFFCC"><img src="space.gif" width=16 height=21
          alt="clock" name="one"><img src="space.gif"
          width=16 height=21 alt="clock" name="two"><img
          src="space.gif" width=14 height=21 alt="clock" name="three"><img
          src="space.gif" width=16 height=21 alt="clock" name="four"><img
          src="space.gif" width=16 height=21 alt="clock" name="five"><img
          src="space.gif" width=16 height=21 alt="clock" name="six">
          </font><br>
          <br><br>
        <a href="javascript:go()">开始</a> | <a href="javascript:pause()">pause</a> | <br>
        <a href="javascript:stop()">stop</a>
        <br></body><br>
        </html></p>
        <p>说明：图片文件名应该是dg0.gif,dg1.gif...，你可以用自己的图片替换它们。<BODY>标签中的<font color="#66FF66">onLoad="go()"</font>千万不要少，否则不会运行的。</p>
        <p>黄色部分代码是时钟初始设置，写成一行，这样数字之间不会留空格。</p>
      </td>
    </tr>
  </table>
</DIV>

<!底部标签--><br><hr width=72% color=green>
<table border="0" align="center" cellspacing="2" cellpadding="0">
<tr align="center">
   <td>Copyright(C) By 西安网e工作室</td>
   <td align="left"><a href="javascript:close()"><img src="../../images/close.gif" border="0" alt="关闭本窗口" WIDTH="32" HEIGHT="32"></a></td>
</tr>
<tr align="center">
   <td colspan="2">
   站长邮箱：<a href="mailto:zhangking@263.net?subject=给张庆的信">zhangking@263.net</a>
     Bp:029-95808 呼 822686    O'ICQ:9365822
</td></tr>
</table><p>
</body>
</html>

[1] [2] [3] [4] [5] [6] [7]

上一篇:比AcdSee功能还强大的图片处理、编辑软件，推荐下载！
下一篇:ASP上传漏洞防范