地市分站
用户名
密  码
您现在的位置是:树人网首页 / 计算机等级考试 / 华为认证 / 文章浏览
网页特效:时钟加在背景上
文章来源:来源网络 发表时间:2008-06-15 点击次数
 脚本说明:

  第一步:把如下代码加入<head>区域中:

  <script language=javascript>
  <!--//
  function clockon() {
   thistime= new Date()
   var hours=thistime.getHours()
   var minutes=thistime.getMinutes()
   var seconds=thistime.getSeconds()
   if (eval(hours) <10) {hours="0"+hours}
   if (eval(minutes) < 10) {minutes="0"+minutes}
   if (seconds < 10) {seconds="0"+seconds}
   thistime = hours+":"+minutes+":"+seconds
   if(document.all) {
    bgclocknoshade.innerHTML=thistime
    bgclockshade.innerHTML=thistime
   }
   if(document.layers) {
    document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:152px">'+thistime+'</div>')
    document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px">'+thistime+'</div>')
    document.close()
   }
   var timer=setTimeout("clockon()",200)
  }
  //-->
  </script>

  第二步:把<body>中加入如下代码:

  <div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>
  <div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px"></div>
  <div id="mainbody" style="position:absolute; visibility:visible">
  </div>

  第三步:把<body>中内容改为:

  <body bgcolor="#fef4d9" onLoad="clockon()">



第 页

责任编辑:qwer19871212

相关文章
公告栏

“蓝焰杯”第二届河南教育十大新闻人物火热评选中!!

点击参加评选,为你心目中的新闻人物投上一票>>>>
频道内容精选
[计算机考试]程序员必考的知识点
论坛/博客精选