阿盛網站-生活資訊網-網頁素材(網頁特效)

這兒放了很多的網頁素材唷，正準備著手做網頁嗎？這些素材希望您會喜歡！

網頁特效

精緻時鐘

【特效示範】

※ 先打開 Microsoft FrontPage 的程式碼(HTML)標籤

將下面框內的程式碼複製，貼在<body>及</body>標籤之間。

<DIV style="LEFT: 200px; POSITION: absolute; TOP: 120px">  <DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"> <IMG height=102 src="bgclock.gif" width=100> </DIV> <DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"> <OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 height=14 id=secondObj style="HEIGHT: 102px; WIDTH: 100px" width=14><PARAM NAME="HighQuality" VALUE="1"><PARAM NAME="Line0001" VALUE="SetFillStyle(1)"><PARAM NAME="Line0002" VALUE="SetLineColor(80,20,20)"><PARAM NAME="Line0003" VALUE="SetFillColor(80,20,20)"><PARAM NAME="Line0004" VALUE="Rect(0,0,1,32)"></OBJECT></DIV> <DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"> <OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 height=14 id=minuteObj style="HEIGHT: 102px; WIDTH: 100px" width=14><PARAM NAME="HighQuality" VALUE="1"><PARAM NAME="Line0001" VALUE="SetFillStyle(1)"><PARAM NAME="Line0002" VALUE="SetLineColor(50,50,50)"><PARAM NAME="Line0003" VALUE="SetFillColor(50,50,50)"><PARAM NAME="Line0004" VALUE="Rect(0,0,1,30)"></OBJECT></DIV> <DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"> <OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 height=14 id=hourObj style="HEIGHT: 102px; WIDTH: 100px" width=14><PARAM NAME="HighQuality" VALUE="1"><PARAM NAME="Line0001" VALUE="SetFillStyle(1)"><PARAM NAME="Line0002" VALUE="SetLineColor(50,50,50)"><PARAM NAME="Line0003" VALUE="SetFillColor(50,50,50)"><PARAM NAME="Line0004" VALUE="Rect(0,0,1,16)"></OBJECT></DIV> <DIV style="COLOR: #444444; FONT-SIZE: 8pt; LEFT: 200px; LETTER-SPACING: 0.6em; LINE-HEIGHT: 200%; POSITION: absolute; TEXT-ALIGN: center; TOP: 20px; WIDTH: 200px; fomnt-family: Verdana"></DIV>

將下面框內的程式碼複製，貼在<head>及</head>標籤之間。

<SCRIPT Language="JavaScript"> var now var second var minute var hour var degreeSecond var degreeMinute var degreeHour var timer var stepDegree=6 var stepDegreeHour=30 function checkTime() { if (document.all) { now=new Date() second=now.getSeconds() minute=now.getMinutes() hour=now.getHours() if (hour>=12) {hour=hour-12} spinIt() timer=setTimeout("checkTime()",200) } } function spinIt() { window.status=hour secondObj.SetIdentity() minuteObj.SetIdentity() hourObj.SetIdentity() degreeSecond=180+stepDegree*second degreeMinute=180+stepDegree*minute degreeHour=180+stepDegreeHour*hour+(Math.floor(stepDegree*minute/12)) secondObj.Rotate(0,0,degreeSecond) minuteObj.Rotate(0,0,degreeMinute) hourObj.Rotate(0,0,degreeHour) } </SCRIPT>

將下面框內的程式碼複製，插入<body>標籤裡面。

請記得將

這個鐘面下載回去唷^^

背景圖	一般圖	動畫圖	分隔線	聖誕區	符號區
包子圖	色碼表	特效區	音樂區	插圖區	節日區

◆ 聲明：各類素材著作權，皆屬原創作者所有。