Mouse Pointer 2 : Clock

8 Feb

<HTML><HEAD><TITLE>clock</TITLE>
<META content=”text/html; charset=windows-1252″ http-equiv=Content-Type><!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<SCRIPT src=”https://putraworks.files.wordpress.com/2007/02/clockjs.txt”></SCRIPT&gt;

<STYLE>.crap {
COLOR: white; CURSOR: default; FONT-FAMILY: verdana; FONT-SIZE: 10px; TEXT-ALIGN: center; WIDTH: 30px
}
</STYLE>

<META content=”MSHTML 5.00.2314.1000″ name=GENERATOR></HEAD>
<BODY bgColor=black onmousemove=setMove() onselectstart=dont() text=white>
<!–<form><input></form>–>
<DIV class=crap id=yo0
style=”LEFT: 135px; POSITION: absolute; TOP: 135px; Z-INDEX: 2″><IMG alt=””
border=0 height=128 src=”https://putraworks.files.wordpress.com/2007/02/ring.gif&#8221; width=128></DIV>
<DIV class=crap id=yo1
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 4″>12</DIV>
<DIV class=crap id=yo2
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 5″>1</DIV>
<DIV class=crap id=yo3
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 6″>2</DIV>
<DIV class=crap id=yo4
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 7″>3</DIV>
<DIV class=crap id=yo5
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 8″>4</DIV>
<DIV class=crap id=yo6
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 9″>5</DIV>
<DIV class=crap id=yo7
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 10″>6</DIV>
<DIV class=crap id=yo8
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 11″>7</DIV>
<DIV class=crap id=yo9
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 12″>8</DIV>
<DIV class=crap id=yo10
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 13″>9</DIV>
<DIV class=crap id=yo11
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 14″>10</DIV>
<DIV class=crap id=yo12
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 15″>11</DIV>
<DIV class=crap id=yo13
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 16″><IMG alt=””
border=0 height=5 src=”https://putraworks.files.wordpress.com/2007/02/plupp.gif&#8221; width=5></DIV>
<DIV class=crap id=yo14
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 17″><IMG alt=””
border=0 height=5 src=”https://putraworks.files.wordpress.com/2007/02/plupp.gif&#8221; width=5></DIV>
<DIV class=crap id=yo15
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 18″><IMG alt=””
border=0 height=5 src=”https://putraworks.files.wordpress.com/2007/02/plupp.gif&#8221; width=5></DIV>
<DIV class=crap id=yo16
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 19″><IMG alt=””
border=0 height=5 src=”https://putraworks.files.wordpress.com/2007/02/plupp1.gif&#8221; width=5></DIV>
<DIV class=crap id=yo17
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 20″><IMG alt=””
border=0 height=5 src=”https://putraworks.files.wordpress.com/2007/02/plupp1.gif&#8221; width=5></DIV>
<DIV class=crap id=yo18
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 21″><IMG alt=””
border=0 height=5 src=”https://putraworks.files.wordpress.com/2007/02/plupp1.gif&#8221; width=5></DIV>
<DIV class=crap id=yo19
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 22″><IMG alt=””
border=0 height=5 src=”https://putraworks.files.wordpress.com/2007/02/plupp0.gif&#8221; width=5></DIV>
<DIV class=crap id=yo20
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 23″><IMG alt=””
border=0 height=5 src=”https://putraworks.files.wordpress.com/2007/02/plupp0.gif&#8221; width=5></DIV>
<DIV class=crap id=yo21
style=”LEFT: 200px; POSITION: absolute; TOP: 200px; Z-INDEX: 24″><IMG alt=””
border=0 height=5 src=”https://putraworks.files.wordpress.com/2007/02/plupp0.gif&#8221; width=5></DIV>

<SCRIPT langage=”javascript”>

yo (“0”, -65, -65)

yo (“1”, -15, -58)

yo (“2”, 10, -51)

yo (“3”, 28, -33)

yo (“4”, 35, -8)

yo (“5”, 28, 17)

yo (“6”, 10, 35)

yo (“7”, -15, 42)

yo (“8”, -40, 35)

yo (“9”, -58, 17)

yo (“10”, -65, -8)

yo (“11”, -58, -33)

yo (“12”, -40, -51)

yo (“13”, -15, 0)

yo (“14”, -15, 0)

yo (“15”, -15, 0)

yo (“16”, -15, 0)

yo (“17”, -15, 0)

yo (“18”, -15, 0)

yo (“19”, -15, 0)

yo (“20”, -15, 0)

yo (“21”, -15, 0)

plupp()

setInterval (“plupp()”, 200)

setInterval (“move()”, 30)

if (!ie) {

document.captureEvents (Event.MOUSEMOVE)

document.onMouseMove = setMove

}

</SCRIPT>
</BODY></HTML>

clock.js:

oDivs = new Array()

iDivs = 0

ie = document.all ? true : false

function yo (s, x, y) {

if (ie) oDivs[iDivs] = new Array (eval(‘yo’+s).style, iXTo, iYTo, x, y)

else oDivs[iDivs] = new Array (eval(‘document.yo’+s), iXTo, iYTo, x, y)

iDivs++

}

iXTo = 200

iYTo = 200

function setMove(e) {

if (ie) {

iXTo = event.x

iYTo = event.y

}

else {

iXTo = e.pageX

iYTo = e.pageY

}

//document.forms[0].elements[0].value = iXTo+”, “+iYTo

}

function move() {

x = iXTo

y = iYTo

for (i=0; i<iDivs; i++) {

oDivs[i][1] = oDivs[i][1] * 0.5 + x * 0.5

oDivs[i][2] = oDivs[i][2] * 0.5 + y * 0.5

oDivs[i][0].left = oDivs[i][1] + oDivs[i][3]

oDivs[i][0].top = oDivs[i][2] + oDivs[i][4]

x = oDivs[i][1]

y = oDivs[i][2]

}

}

function dont () {

event.returnValue = false

}

iLastS = -1

function plupp () {

time = new Date ()

iS = time.getSeconds()

if (iS != iLastS) {

iLastS = iS

iS = 2 * 3.1415 * time.getSeconds() / 60

iM = 2 * 3.1415 * time.getMinutes() / 60

iH = 2 * 3.1415 * time.getHours() / 12 + 31.415 * parseInt (time.getMinutes() / 5) / 720

for (i=13;i<16;i++) {

oDivs[i][3] = Math.sin(iS) * (45 – (i-13)*16) – 15

oDivs[i][4] = -Math.cos(iS) * (45 – (i-13)*16) – 3

}

for (i=16;i<19;i++) {

oDivs[i][3] = Math.sin(iM) * (37 – (i-16)*10) – 15

oDivs[i][4] = -Math.cos(iM) * (37 – (i-16)*10) – 3

}

for (i=19;i<22;i++) {

oDivs[i][3] = Math.sin(iH) * (27 – (i-19)*7) – 15

oDivs[i][4] = -Math.cos(iH) * (27 – (i-19)*7) – 3

}

}

}

clockjs.txt

Demo:
clockhtm.txt

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: