|
|
ilch Text Manager
| Menü: zurück zum Hauptmenü / Codeschnipsel eintragen / zurück
|
| Maus wird von einer Uhr umgeben. |
| Code | 0:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
|
<script language="JavaScript">
CoLoUrS=new Array('ff0000','0000ff','ff00ff');//Farbe des Zifferblattes.
sCol='ff00ff';//sekunden Farbe.
mCol='ff0000';//minuten Farbe.
hCol='0000ff';//stunden Farbe.
//Alter nothing below!
H='Stunde..';
H=H.split('');
H=H.reverse();
M='Minute..';
M=M.split('');
M=M.reverse();
S='Sekunde..';
S=S.split('');
S=S.reverse();
dots=12;
var Ypos=0,Xpos=0,Ybase=0,Xbase=0;
var ay=0,ax=0,Ay=0,Ax=0,by=0,bx=0,By=0,Bx=0,cy=0,cx=0,Cy=0,Cx=0,dy=0,dx=0,Dy=0,Dx=0;
count=0;
count_a=0;
move=1;
ns=(document.layers)?1:0;
viz=(document.layers)?'hide':'hidden';
if (ns){
for (i=0; i < dots; i++)
document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#ffffff clip="0,0,3,3"></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[i]+'</center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[i]+'</center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[i]+'</center></font></layer>');
}
else{
document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < dots; i++){
document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#ffffff"></div>');
}
document.write('</div></div>');
document.write('<div id="X" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++){
document.write('<div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Y" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++){
document.write('<div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Z" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++){
document.write('<div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>');
}
document.write('</div></div>');
}
if (ns){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
Ypos = evnt.pageY+100;
Xpos = evnt.pageX+100;
}
window.onMouseMove = nsMouse;
}
else{
function ieMouse(){
Ypos=event.y+100;
Xpos=event.x+100;
}
document.onmousemove=ieMouse;
}
function clock(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+ Math.PI*parseInt(time.getMinutes())/360;
Ybase=15;
Xbase=15;
if (ns){
document.layers["nx"+0].visibility=viz;
document.layers["ny"+0].visibility=viz;
document.layers["nz"+0].visibility=viz;
for (i=0; i < S.length; i++){
document.layers["nx"+i].top=ay-12+(i*Ybase)*Math.sin(sec);
document.layers["nx"+i].left=ax-12+(i*Xbase)*Math.cos(sec);
}
for (i=0; i < M.length; i++){
document.layers["ny"+i].top=by-12+(i*Ybase)*Math.sin(min);
document.layers["ny"+i].left=bx-12+(i*Xbase)*Math.cos(min);
}
for (i=0; i < H.length; i++){
document.layers["nz"+i].top=cy-12+(i*Ybase)*Math.sin(hrs);
document.layers["nz"+i].left=cx-12+(i*Xbase)*Math.cos(hrs);
}
for (i=0; i < dots; ++i){
document.layers["nface"+i].top=dy-2+(70*Math.sin(-0.49+dots+i/1.9));
document.layers["nface"+i].left=dx+4+(70*Math.cos(-0.49+dots+i/1.9));
}
}
else{
var scrll=document.body.scrollTop;
W.style.pixelTop=scrll;
X.style.pixelTop=scrll;
Y.style.pixelTop=scrll;
Z.style.pixelTop=scrll;
x[0].style.visibility=viz;
y[0].style.visibility=viz;
z[0].style.visibility=viz;
for (i=0; i < S.length; i++){
x[i].style.pixelTop=ay-12+(i*Ybase)*Math.sin(sec);
x[i].style.pixelLeft=ax-12+(i*Xbase)*Math.cos(sec);
}
for (i=0; i < M.length; i++){
y[i].style.pixelTop=by-12+(i*Ybase)*Math.sin(min);
y[i].style.pixelLeft=bx-12+(i*Xbase)*Math.cos(min);
}
for (i=0; i < H.length; i++){
z[i].style.pixelTop=cy-12+(i*Ybase)*Math.sin(hrs);
z[i].style.pixelLeft=cx-12+(i*Xbase)*Math.cos(hrs);
}
for (i=0; i < dots; ++i){
face[i].style.pixelTop=dy+6+(70*Math.sin(-0.49+dots+i/1.9));
face[i].style.pixelLeft=dx+4+(70*Math.cos(-0.49+dots+i/1.9));
}
}
}
function MouseFollow(){
ay=Math.round(Ay+=((Ypos)-Ay)*4/15);
ax=Math.round(Ax+=((Xpos)-Ax)*4/15);
by = Math.round(By+=(ay-By)*4/15);
bx = Math.round(Bx+=(ax-Bx)*4/15);
cy = Math.round(Cy+=(by-Cy)*4/15);
cx = Math.round(Cx+=(bx-Cx)*4/15);
dy = Math.round(Dy+=(cy-Dy)*4/15);
dx = Math.round(Dx+=(cx-Dx)*4/15);
clock();
setTimeout('MouseFollow()',10);
}
function colourStep(){
count+=move;
if (count >= dots) {count=0;count_a+=move}
if (count_a == CoLoUrS.length) count_a=0;
if (ns) document.layers["nface"+count].bgColor=CoLoUrS[count_a];
else face[count].style.background=CoLoUrS[count_a];
setTimeout('colourStep()',100)
}
function StartAll(){
MouseFollow();
colourStep();
}
if (document.layers || document.all) window.onload=StartAll;
//-->
</script>
|
|
Demo
Geschrieben von Freshmaker_01
zurück
|
|
|
| |
