配圖倒計時

配圖倒計時

這個腳本能結合圖片展示任何特定日期和時間的倒計時。

安裝
步驟一  下載這個beijing_olympic.gif圖像
          然後放置在与網頁相同的文件夾內。

步驟二  拷貝以下腳本後貼在有關網頁的<head>和</head>之間。


<SCRIPT LANGUAGE="JavaScript">  </script>

步驟三  拷貝以下代碼貼在網頁的<body>標記內。。
onLoad="getTime()"
樣板:
<body onLoad="getTime()" bgcolor="#000000" text="#FFFFFF" link="#404040" vlink="#404040" alink="#808080">

步驟四  拷貝以下代碼貼於有關網頁的 BODY 範圍內。 <div style="position:absolute;top:100px;left:600px;width:150;"> <img src="beijing_olympic.gif"></div> <div style="position:absolute;top:348px;left:668px;width:50;"> <form name=timeForm> <input type=text name=input1 size=4 border-style="none" style="background-color: transparent; color: #FFFF00; border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:19px Arial;font-style:italic;"> </div> <div style="position:absolute;top:373px;left:568px;width:50;"> <input type=text name=input2 size=4 border-style="none" style="background-color: transparent; color: #FFFF00; border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:19px Arial;font-style:italic;"> </div> <div style="position:absolute;top:373px;left:603px;width:50;"> <input type=text name=input3 size=4 border-style="none" style="background-color: transparent; color: #FFFF00; border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:19px Arial;font-style:italic;"> </div> <div style="position:absolute;top:373px;left:638px;width:50;"> <input type=text name=input4 size=2 border-style="none" style="background-color: transparent; color: #FFFF00; border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:19px Arial;font-style:italic;"> </div> </form>

就是如此簡單！
請享用