超级版主

Rank: 8 Rank: 8

版主身份奖超级版主奖最佳人才奖社区美女奖社区首富奖最佳贴图奖美丽天使吃苦耐劳奖爱爱、magic姐妹章最佳灌水奖 QQ空间社区周年纪念章（保守价格：1000心币）情人节纪念奖

楼主

字体大小: tT

发表于 2007-1-15 18:38 | 只看该作者

有阴影的钟表

　　　　有阴影的钟表

源代码如下：

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

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

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

onLoad="init()"

源程序讲解：

<!-- .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>	定义第二层的一些样式，如垂直翻转，透明度等。

[ 本帖最后由 magic 于 2007-1-15 18:40 编辑 ]

回复引用