当前位置：学海荡舟 -> 电脑乐园 -> JavaScript实例
　　　　　有阴影的钟表
     
效 果 演 示：

　 　

 

　 　　　　 　 　　 		   
 
源代码如下：



这段程序放在<head>与</head>之间

这段程序放在<body>与</body>之间

这段程序放在<body ****>里


    
源程序讲解：
   

<!-- .time
{ font-family : Comic Sans Ms; font-size : 18pt; font-weight : bold; color: #00008D; } -->
</style>

 定义一些样式，如字体，字号。
<script Language="JavaScript">
var ctimer;
定义一个变量。
function init()
{ if (document.all){ tim2.style.left=tim1.style.posLeft; tim2.style.top=tim1.style.posTop+
tim1.offsetHeight-6; settimes(); } }
定义一个函数，获得tim2的位置。
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); }
</script>
 定义一个函数，功能是获得当前系统的时间。
<div Id="tim1" Style="position:absolute; width:10; height:10; top:10; left:50" class="time"></div>
 定义tim1层的位置。
<div Id="tim2" Style="position:absolute; filter:flipv() alpha(opacity=40); font-style:italic" class="time"></div>
</div> 		定义第二层的一些样式，如垂直翻转，透明度等。