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

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

  <head>
  <style>
  .time { font-size: 12pt; line-height: 14pt; color:red;}
  </style>
  <script language=Javascript>
  <!-- Hiding
  var ctimer;
  function init(){
   if (document.all){
    tim2.style.left=tim1.style.posLeft;
    tim2.style.top=tim1.style.posTop+tim1.offsetHeight-6;
    settimes();
   }
  }
  function settimes(){
   var time= new Date();
   hours= time.getHours();
   mins= time.getMinutes();
   secs= time.getSeconds();
   if (hours<10)
   hours="0"+hours;
   if(mins<10)
   mins="0"+mins;
   if (secs<10)
   secs="0"+secs;
   tim1.innerHTML=hours+":"+mins+":"+secs
   tim2.innerHTML=hours+":"+mins+":"+secs
   ctimer=setTimeout('settimes()',960);
  }
  // Done hiding -->
  </script>

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

  <DIV class=time id=tim1
  style="HEIGHT: 20px; LEFT: 50px; POSITION: absolute; TOP: 10px; WIDTH: 10px"></DIV>
  <DIV class=time id=tim2
  style="FILTER: flipv() alpha(opacity=20); FONT-STYLE: italic; POSITION: absolute"></DIV>

  第三步:把<body>改为

  <body bgcolor="#fef4d9" onload="init()">



第 页

责任编辑:qwer19871212

相关文章
公告栏

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

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