网络时空 | 网页特效

特效说明

一个真正的手表，指针是用内嵌函数做成的，非常有新意的，酷(你需下载下面的图片才能正常看到效果)

特

效

代

码

<BODY onload=checkTime()>
<SCRIPT language=JavaScript>
<!-- Beginning of 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)
}

// - End of JavaScript - -->

</SCRIPT>
<DIV style="LEFT: 200px; POSITION: absolute; TOP: 50px">
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><IMG height=102 
src="clock.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>
<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>

@_⌒ 特效预览 @_⌒

咦！你的手表怎么到这来了？