마우스 따라다니는 실시간 아날로그 시계

인터넷관련 2008. 1. 28. 09:49


http://oxtag.com/html/ex/time_mouse.html

<html>
<head>

<style type="text/css">
a:vlink
{text-decoration:none;color:#006400}
a:link
{text-decoration:none;color:#008080}
a {text-decoration:none;}
body
{scrollbar-face-color: #FFFFFF;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-3dlight-color: #F2F2F2;
 scrollbar-shadow-color: #999CC;
 scrollbar-darkshadow-color: #008000;
 scrollbar-track-color: #ffffff;
 scrollbar-arrow-color: #008080;}
　</style>

<script language="javascript">
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
}
}
}

</script>
</head>
<body bgcolor=#20b2aa onMouseMove="setMove()" on-SelectStart="dont()" bgcolor="White" topmargin="0" leftmargin="0" link="#808080" vlink="#808080" alink="#808080">
이미지를 각각 클릭해서 다운 받으세요.<br>
&nbsp;&nbsp;&nbsp;<img src="./../img/plupp0.gif" width=5 height=5 alt="" border="0">
&nbsp;&nbsp;&nbsp;<img src="./../img/plupp1.gif" width=5 height=5 alt="" border="0">
&nbsp;&nbsp;&nbsp;<img src="./../img/plupp.gif" width=5 height=5 alt="" border="0">
<br>
마우스 오른쪽 버튼을 클릭후 다른이름으로 저장하세요.
<div id="yo0" class="crap" style="position:absolute;left:0;top:0;; z-index: 2"><font color=ffcc00 size=1><b>소스천국 태그피아</b></font></div>

<div id="yo1" class="crap" style="position:absolute;left:200;top:200;; z-index: 4"><font color=blue>12</font></div>
<div id="yo2" class="crap" style="position:absolute;left:200;top:200;; z-index: 5"><font color=blue>1</font></div>
<div id="yo3" class="crap" style="position:absolute;left:200;top:200;; z-index: 6"><font color=blue>2</font></div>
<div id="yo4" class="crap" style="position:absolute;left:200;top:200;; z-index: 7"><font color=blue>3</font></div>
<div id="yo5" class="crap" style="position:absolute;left:200;top:200;; z-index: 8"><font color=blue>4</font></div>
<div id="yo6" class="crap" style="position:absolute;left:200;top:200;; z-index: 9"><font color=blue>5</font></div>
<div id="yo7" class="crap" style="position:absolute;left:200;top:200;; z-index: 10"><font color=blue>6</font></div>
<div id="yo8" class="crap" style="position:absolute;left:200;top:200;; z-index: 11"><font color=blue>7</font></div>
<div id="yo9" class="crap" style="position:absolute;left:200;top:200;; z-index: 12"><font color=blue>8</font></div>
<div id="yo10" class="crap" style="position:absolute;left:200;top:200;; z-index: 13"><font color=blue>9</font></div>
<div id="yo11" class="crap" style="position:absolute;left:200;top:200;; z-index: 14"><font color=blue>10</font></div>
<div id="yo12" class="crap" style="position:absolute;left:200;top:200;; z-index: 15"><font color=blue>11</font></div>
<div id="yo13" class="crap" style="position:absolute;left:200;top:200;; z-index: 16"><img src="./../img/plupp.gif" width=5 height=5 alt="" border="0"></div>
<div id="yo14" class="crap" style="position:absolute;left:200;top:200;; z-index: 17"><img src="./../img/plupp.gif" width=5 height=5 alt="" border="0"></div>
<div id="yo15" class="crap" style="position:absolute;left:200;top:200;; z-index: 18"><img src="./../img/plupp.gif" width=5 height=5 alt="" border="0"></div>
<div id="yo16" class="crap" style="position:absolute;left:200;top:200;; z-index: 19"><img src="./../img/plupp1.gif" width=5 height=5 alt="" border="0"></div>
<div id="yo17" class="crap" style="position:absolute;left:200;top:200;; z-index: 20"><img src="./../img/plupp1.gif" width=5 height=5 alt="" border="0"></div>
<div id="yo18" class="crap" style="position:absolute;left:200;top:200;; z-index: 21"><img src="./../plupp1.gif" width=5 height=5 alt="" border="0"></div>
<div id="yo19" class="crap" style="position:absolute;left:200;top:200;; z-index: 22"><img src="./../img/plupp0.gif" width=5 height=5 alt="" border="0"></div>
<div id="yo20" class="crap" style="position:absolute;left:200;top:200;; z-index: 23"><img src="./../img/plupp0.gif" width=5 height=5 alt="" border="0"></div>
<div id="yo21" class="crap" style="position:absolute;left:200;top:200;; z-index: 24"><img src="./../img/plupp0.gif" width=5 height=5 alt="" border="0"></div>
<div id="Layer1" style="position:absolute; left:97px; top:288px; width:179px; height:82px; z-index:3"></a></div>
<script langage="java-script">

yo ("0", -15, 55)

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>

'인터넷관련' 카테고리의 다른 글

춤추는 작은 윈도우  (0) 2008.01.28
클릭하면 서서히 사라지는 글자  (0) 2008.01.28
접속시 마다 배경 이미지 랜덤으로...  (0) 2008.01.28
움직이는 배경화면 스크립트  (0) 2008.01.28
새로운 즐겨 찾기 방법(소스보기 금지로 사용해도...)  (0) 2008.01.28
글씨의 네온사인 효과  (0) 2008.01.28
이미지 슬라이더 소스  (0) 2008.01.28
스크립트 오류시 에러 확인 소스  (0) 2008.01.28
Posted by 알 수 없는 사용자
,

티스토리툴바