亿度网络 - Javascript实例

///pc/img/blank.gif" width="12" height="8">当前位置：///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> JavaScript实例

///pc/homepage/javascript/sample/img/bule.gif" width="207" height="13">

///pc/homepage/javascript/sample/img/blank.gif" width="1" height="1">

///pc/homepage/javascript/sample/img/js.gif" width="186" height="20">

///pc/homepage/javascript/sample/img/blank.gif" width="1" height="1">

　　　　　有阴影的钟表

///pc/homepage/javascript/sample/img/blank.gif" width="1" height="1">

///pc/homepage/javascript/sample/img/bule1.gif" width="28" height="49">

效果演示：

///pc/homepage/javascript/sample/img/bule2.gif" width="11" height="18">

源代码如下：

///pc/homepage/javascript/sample/img/bule2.gif" width="11" height="18">

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

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

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

onLoad="init()"

源程序讲解：

///pc/homepage/javascript/sample/img/bule2.gif" width="11" height="18">

///pc/homepage/javascript/sample/img/bule1.gif" width="28" height="49">

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

///pc/homepage/javascript/sample/img/blank.gif" width="1" height="1">