***鼠标特效***跟随鼠标的时钟
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件步骤一: 请将下面的原代码插入到<body>下面
<script language="javascript">
<!-- begin
colors = new array('330099','00ff00','ff00ff');//clock face colors.
scol = 'ff00ff';//seconds colour.
mcol = '00ff00';//minutes colour.
hcol = '330099';//hours colour.
//alter nothing below!
h = 'hours..';
h = h.split('');
h = h.reverse();
m = 'minutes..';
m = m.split('');
m = m.reverse();
s = 'seconds..';
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+'</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+'</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+'</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+'</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+'</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+'</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.style.visibility=viz;
y.style.visibility = viz;
z.style.visibility = viz;
for (i = 0; i < s.length; i++) {
x.style.pixeltop = ay - 12 + (i * ybase) * math.sin(sec);
x.style.pixelleft = ax - 12 + (i * xbase) * math.cos(sec);
}
for (i = 0; i < m.length; i++) {
y.style.pixeltop = by - 12 + (i * ybase) * math.sin(min);
y.style.pixelleft = bx - 12 + (i * xbase) * math.cos(min);
}
for (i = 0; i < h.length; i++) {
z.style.pixeltop = cy - 12 + (i * ybase) * math.sin(hrs);
z.style.pixelleft = cx - 12 + (i * xbase) * math.cos(hrs);
}
for (i = 0; i < dots; ++i) {
face.style.pixeltop = dy + 6 + (70 * math.sin(-0.49 + dots + i / 1.9));
face.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 colorstep() {
count +=move;
if (count >= dots) {count=0;count_a += move}
if (count_a == colors.length) count_a = 0;
if (ns) document.layers["nface"+count].bgcolor = colors;
else face.style.background = colors;
settimeout('colorstep()',100)
}
function startall() {
mousefollow();
colorstep();
}
if (document.layers || document.all) window.onload = startall;
//end -->
</script>
--------------------------------------
http://www.huoyue.com.cn 活跃网，活跃人群的论坛，访问活跃网，将给您带来意想不到的收获，还可以免费为您开论坛，让您免费拥有与朋友、网友交流的论坛。你是年轻人吗？你活跃你就上！
页:
[1]