Code<html>
<head>
<title>倒影时钟</title>
<script language="javaScript">
<!--
function showClock() {
d = new Date();
hours = d.getHours();
minutes = d.getMinutes();
seconds = d.getSeconds();
clck = (hours >= 12) ? "上午" : "下午";
hours = (hours > 12) ? (hours-12) : hours;
hours = (hours > 10) ? hours : "0"+hours;
minutes = (minutes > 10) ? minutes : "0"+minutes;
seconds = (seconds > 10) ? seconds : "0"+seconds;
time = clck + " " + hours + ":" + minutes + ":" + seconds;
time = "<font size='5' face='Arial'><b>" + time + "</b></font>";
myclock1.innerHTML = time;
myclock2.innerHTML = time;
//下面两行是设置倒影<div>的位置
myclock2.style.left = myclock1.style.posLeft;
myclock2.style.top = myclock1.style.posTop + myclock1.offsetHeight;
setTimeout("showClock()", 1000);
}
//-->
</script>
</head>
<body onload="showClock()">
<div id="myclock1" style="height:20px;left:50;position:absolute;"></div>
<!--
tilter:flipv() alpha(opacity=20)是垂直翻转倒影文字，并使其透明度为：20%
-->
<div id="myclock2" style="filter:flipv() alpha(opacity=20);font-style:italic;position:absolute"></div>
</body>
</html>
浙公网安备 33010602011771号