|
|
 |
클라우드태그
Javascript PHP ASP CSS html mysql jquery image API Mobile 메뉴 slide 게시판
|
 |
 |
| 현재접속자 명 |
 |
|
|
|
|
|
|
 |
마우스를 따라 다니는 시계 |
|
|
|
|
 |
소스분류 |
시간,날짜 |
|
|
다운로드 횟수 |
656 회 |
|
|
|
간단설명 |
마우스 커서를 따라 다니는 아날로그 시계입니다. 꽤 이쁘군요. |
|
|
|
|
|
|
|
<script language="javascript"><br />
<br />
oDivs = new Array()<br />
iDivs = 0<br />
ie = document.all ? true : false<br />
function yo (s, x, y) {<br />
if (ie) oDivs[iDivs] = new Array (eval(``yo``+s).style, iXTo, iYTo, x, y)<br />
else oDivs[iDivs] = new Array (eval(``document.yo``+s), iXTo, iYTo, x, y)<br />
iDivs++<br />
}<br />
iXTo = 200<br />
iYTo = 200<br />
function setMove(e) {<br />
if (ie) {<br />
iXTo = event.x<br />
iYTo = event.y<br />
}<br />
else {<br />
iXTo = e.pageX<br />
iYTo = e.pageY<br />
}<br />
//document.forms[0].elements[0].value = iXTo+", "+iYTo<br />
}<br />
function move() {<br />
x = iXTo<br />
y = iYTo<br />
for (i=0; i<iDivs; i++) {<br />
oDivs[i][1] = oDivs[i][1] * 0.5 + x * 0.5<br />
oDivs[i][2] = oDivs[i][2] * 0.5 + y * 0.5<br />
oDivs[i][0].left = oDivs[i][1] + oDivs[i][3]<br />
oDivs[i][0].top = oDivs[i][2] + oDivs[i][4]<br />
x = oDivs[i][1]<br />
y = oDivs[i][2]<br />
}<br />
}<br />
function dont () {<br />
event.returnValue = false<br />
}<br />
iLastS = -1<br />
function plupp () {<br />
time = new Date ()<br />
iS = time.getSeconds()<br />
if (iS != iLastS) {<br />
iLastS = iS<br />
iS = 2 * 3.1415 * time.getSeconds() / 60<br />
iM = 2 * 3.1415 * time.getMinutes() / 60<br />
iH = 2 * 3.1415 * time.getHours() / 12 + 31.415 * parseInt (time.getMinutes() / 5) / 720<br />
for (i=13;i<16;i++) {<br />
oDivs[i][3] = Math.sin(iS) * (45 - (i-13)*16) - 15<br />
oDivs[i][4] = -Math.cos(iS) * (45 - (i-13)*16) - 3<br />
}<br />
for (i=16;i<19;i++) {<br />
oDivs[i][3] = Math.sin(iM) * (37 - (i-16)*10) - 15<br />
oDivs[i][4] = -Math.cos(iM) * (37 - (i-16)*10) - 3<br />
}<br />
for (i=19;i<22;i++) {<br />
oDivs[i][3] = Math.sin(iH) * (27 - (i-19)*7) - 15<br />
oDivs[i][4] = -Math.cos(iH) * (27 - (i-19)*7) - 3<br />
}<br />
}<br />
}<br />
<br />
</script>
12
1
2
3
4
5
6
7
8
9
10
11
<script langage="javascript"><br />
<br />
yo ("0", -65, -65)<br />
<br />
yo ("1", -15, -58)<br />
yo ("2", 10, -51)<br />
yo ("3", 28, -33)<br />
yo ("4", 35, -8)<br />
yo ("5", 28, 17)<br />
yo ("6", 10, 35)<br />
yo ("7", -15, 42)<br />
yo ("8", -40, 35)<br />
yo ("9", -58, 17)<br />
yo ("10", -65, -8)<br />
yo ("11", -58, -33)<br />
yo ("12", -40, -51)<br />
<br />
yo ("13", -15, 0)<br />
yo ("14", -15, 0)<br />
yo ("15", -15, 0)<br />
<br />
yo ("16", -15, 0)<br />
yo ("17", -15, 0)<br />
yo ("18", -15, 0)<br />
<br />
yo ("19", -15, 0)<br />
yo ("20", -15, 0)<br />
yo ("21", -15, 0)<br />
<br />
plupp()<br />
setInterval ("plupp()", 200)<br />
setInterval ("move()", 30)<br />
if (!ie) {<br />
document.captureEvents (Event.MOUSEMOVE)<br />
document.onMouseMove = setMove<br />
}<br />
<br />
</script>
|
|
|
| 네티즌 의견 이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.) |
|
