查看完整版本: 永远居于网页右下角的精美时钟

xpcjh 2006-10-23 08:15

永远居于网页右下角的精美时钟

演示：[url=http://etx.book.topzj.com/data/book/20/00/85/a/06/10/23/zz_q4FUb4gclbyF.htm]点这里[/url]
[code]<SCRIPT LANGUAGE="JavaScript">
fCol = '000000';
sCol = 'ff0000';
mCol = '000000';
hCol = '000000';
H = '....';
H = H.split('');
M = '.....';
M = M.split('');
S = '......';
S = S.split('');
Ypos = 0;
Xpos = 0;
Ybase = 8;
Xbase = 8;
dots = 12;
ns = (document.layers)?1:0;
if (ns) {
dgts = '1 2 3 4 5 6 7 8 9 10 11 12';
dgts = dgts.split(' ');
for (i = 0; i < dots; i++) {
document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30

width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts

[i]+'</font></center></layer>');
}
for (i = 0; i < M.length; i++) {
document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+'

clip="0,0,2,2"></layer>');
}
for (i = 0; i < H.length; i++) {
document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+'

clip="0,0,2,2"></layer>');
}
for (i = 0; i < S.length; i++) {
document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+'

clip="0,0,2,2"></layer>');
   }
}
else {
document.write('<div style="position:absolute;top:0px;left:0px"><div

style="position:relative">');
for (i = 1; i < dots+1; i++) {
document.write('<div id="ieDigits"

style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-

family:Arial,Verdana;font-size:10px;color:'+fCol+';text-

align:center;padding-top:10px">'+i+'</div>');
}
document.write('</div></div>')
document.write('<div 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:2px;height:2px;font-

size:2px;background:'+mCol+'"></div>');
}
document.write('</div></div>')
document.write('</div></div>')
document.write('<div 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:2px;height:2px;font-

size:2px;background:'+hCol+'"></div>');
}
document.write('</div></div>')
document.write('<div 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:2px;height:2px;font-

size:2px;background:'+sCol+'"></div>');
}
document.write('</div></div>')
}
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.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;
if (ns) {
Ypos = window.pageYOffset+window.innerHeight-60;
Xpos = window.pageXOffset+window.innerWidth-80;
}
else {
Ypos = document.body.scrollTop + window.document.body.clientHeight - 60;
Xpos = document.body.scrollLeft + window.document.body.clientWidth - 60;
}
if (ns) {
for (i = 0; i < dots; ++i){
document.layers["nsDigits"+i].top = Ypos - 5 + 40 * Math.sin(-

0.49+dots+i/1.9);
document.layers["nsDigits"+i].left = Xpos - 15 + 40 * Math.cos(-

0.49+dots+i/1.9);
}
for (i = 0; i < S.length; i++){
document.layers["nx"+i].top = Ypos + i * Ybase * Math.sin(sec);
document.layers["nx"+i].left = Xpos + i * Xbase * Math.cos(sec);
}
for (i = 0; i < M.length; i++){
document.layers["ny"+i].top = Ypos + i * Ybase * Math.sin(min);
document.layers["ny"+i].left = Xpos + i * Xbase * Math.cos(min);
}
for (i = 0; i < H.length; i++){
document.layers["nz"+i].top = Ypos + i * Ybase * Math.sin(hrs);
document.layers["nz"+i].left = Xpos + i * Xbase * Math.cos(hrs);
   }
}
else{
for (i=0; i < dots; ++i){
ieDigits[i].style.pixelTop = Ypos - 15 + 40 * Math.sin(-0.49+dots+i/1.9);
ieDigits[i].style.pixelLeft = Xpos - 14 + 40 * Math.cos(-

0.49+dots+i/1.9);
}
for (i=0; i < S.length; i++){
x[i].style.pixelTop = Ypos + i * Ybase * Math.sin(sec);
x[i].style.pixelLeft = Xpos + i * Xbase * Math.cos(sec);
}
for (i=0; i < M.length; i++){
y[i].style.pixelTop = Ypos + i * Ybase * Math.sin(min);
y[i].style.pixelLeft = Xpos + i * Xbase * Math.cos(min);
}
for (i=0; i < H.length; i++){
z[i].style.pixelTop = Ypos + i * Ybase*Math.sin(hrs);
z[i].style.pixelLeft = Xpos + i * Xbase*Math.cos(hrs);
   }
}
setTimeout('clock()', 50);
}
if (document.layers || document.all) window.onload = clock;
</script><span style="display:none"><script language="JavaScript"

type="text/javascript" src="http://www3.itsun.com/counter.php?

uuid=1557001&style=icon"></script></span>[/code]
[quote][table=50%][tr][td] [/size]
[size=6][b][color=blue]☞[/b][/size][url=http://cui.qq.topzj.com/thread-362873-1-1.html][color=Red][b][font=黑体]点这里查看我的部份精彩文章索引[/font][/b][/color][/url]
[/b][/color]
[/size][/td][/tr][/table][/quote]

[[i] 本帖最后由 xpcjh 于 2006-11-19 22:40 编辑 [/i]]

yang110 2006-10-23 08:31

:lol :lol :lol

吹总 2006-10-23 10:20

好好好好好好

bug168 2006-10-23 10:37

看看...

会不会太卡呢

WTV 2006-10-23 11:28

:D :D :D

zhanghetao 2006-10-23 11:54

???????????

shasha1993 2006-10-23 12:28

回复．．．．

翔§空 2006-10-23 13:02

我要。。。。。。

7788588 2006-10-23 13:03

汗

右下角就是windows的时间

天使守护神 2006-10-23 14:12

欣赏欣赏。。。。。。。

shally 2006-10-23 15:04

看看~~~:loveliness:

itxjob 2006-10-23 15:06

看、`````

樱花罗曼史 2006-10-23 18:01

不是很好看啊

灯心草 2006-10-23 19:59

好东西。我喜欢。
要了

longtianx 2006-10-23 20:07

看看先啊.

wzmaths 2006-10-23 20:21

支持一下。看看

吹总 2006-10-24 11:31

DDDDDDDDDDD

0086 2006-10-24 11:35

这个好
~~~~~~~~~~

爱与死的边缘 2006-10-25 00:53

**** 本内容跟帖回复才可浏览 *****:(

名人精英 2006-10-25 01:06

...................................

cdzhome 2006-10-25 03:26

看看，如何:handshake

1753 2006-10-25 03:32

*** 作者被禁止或删除 内容自动屏蔽 ***

津名魁 2006-10-25 06:34

看看是什么?

叛逆天使 2006-10-26 07:31

这东西一定要看

合作愉快 2006-10-26 20:24

欣赏欣赏，支持，

血盟メ龙王 2006-10-27 08:49

我晕,还搞这些....

jxnuluo 2006-10-28 12:09

到处都是时间的参考.............呀要这个做什么啊

eayichang 2006-10-28 13:52

不错啊   喜欢

willerce 2006-10-28 15:33

*** 作者被禁止或删除 内容自动屏蔽 ***

无尽的爱 2006-10-28 17:34

时钟是什么样子的？

marymartinmary 2006-10-28 23:00

看看欣赏11111

xcxdc 2006-10-28 23:18

我要 ^_^

mimold 2006-10-29 00:10

KANKAN

狂の→阿飞 2006-10-29 01:38

看看我看看

kiddy 2006-10-29 08:49

太感谢LZ了

nomo 2006-10-29 08:53

:lol ~~~~~~~~~~~

Tmd 2006-10-29 08:55

看看先哦
又一经典

joysweet 2006-10-29 12:32

回复:lol :lol :lol

kenny-c 2006-10-29 15:33

dingding

雨@旋律 2006-10-29 16:40

来看看:)

常胜大将军 2006-10-29 17:06

好好的东西

xo恨恨 2006-10-29 21:09

回复看下
是什么样子滴

豆包大人 2006-10-29 21:31

回复一个～～我要看看～

whl790826 2006-10-30 00:29

我看看哦

lululu2002 2006-10-30 04:04

qus晕死了

后浪 2006-10-30 04:49

我也来看看先哦

sunying9988 2006-10-30 10:09

回来一下看了

三三居士 2006-10-31 20:43

呵呵！楼主的东东好！

cnvery 2006-10-31 20:47

要怎样弄？？？

yingzi8206 2006-10-31 23:17

我要。。。。。。

xhgo.bbs.tc 2006-10-31 23:28

kan  kan  应该不错

xiuzhenxy 2006-11-1 04:29

:'( 我想要啊

tsrjjhsy 2006-11-1 05:48

好东西！看看

whtbwwsy 2006-11-1 09:09

高手帮忙呀，我的论坛回复显示不出来呀

qzone001 2006-11-1 10:03

来学习学习:hug:

lwj_1986 2006-11-1 22:44

拒绝基本空间波

yellowrain 2006-11-1 23:17

:lol 回复看看，觉得好就用上

孤独九剑 2006-11-2 01:21

?????????????????????

QQ8008 2006-11-2 02:07

看看!顶!

to 2006-11-2 06:50

回下看看
:lol :lol

abar 2006-11-2 08:49

。。。。看看怎么弄一个

21699151 2006-11-2 14:32

１１１１１

看看的，好不好看的

明天不再旷课 2006-11-3 09:04

我看看.......

xsk1985 2006-11-3 15:38

GOOD~~~~

Providence狐 2006-11-3 16:53

``````````````

wzlujt 2006-11-3 16:57

kan kan e

huadou 2006-11-3 17:46

321321

火焰 2006-11-3 18:10

..........

worldyou 2006-11-3 22:33

*** 作者被禁止或删除 内容自动屏蔽 ***

315667283 2006-11-3 22:54

*** 作者被禁止或删除 内容自动屏蔽 ***

bycrow 2006-11-4 00:57

能不能教程再详细点呢，我比较之愚钝

同一片蓝天 2006-11-4 02:29

看看吧~~~~

怪怪古丽 2006-11-4 03:09

:lol :lol :lol :lol 烦死

ghostufolz 2006-11-4 04:02

看看 学习下

chaopeng8888 2006-11-5 09:17

好高啊好！

bill65 2006-11-5 10:56

欣赏欣赏

hebecxl 2006-11-5 11:41

:loveliness:

x17713 2006-11-5 11:45

按时大苏打似的

笑忘书 2006-11-5 13:14

看看.

来自天堂的吉他 2006-11-5 13:22

恢复恢复...

陈中人 2006-11-5 13:57

学习一下。

shangsongj 2006-11-5 16:54

123

123qewqwe

jy520lgd 2006-11-5 18:34

:) :) :)

寂寞的时候 2006-11-6 18:44

1111111111111111

1111111111

zuojie928 2006-11-7 13:59

?还行吧`

gcj1120 2006-11-7 18:54

:loveliness:  看上去很漂亮啊

hy969 2006-11-7 21:53

:lol 会不会影响速度

kaikaimx 2006-11-8 17:58

不得不回 还要这么麻烦

a7380182 2006-11-8 21:31

??????????????????????????????

佳玲在线 2006-11-8 21:46

看看...

会不会太卡呢

111000 2006-11-9 01:23

回个先```````````````

duoluojingling 2006-11-9 02:54

回个贴
看看

梦泪缘思人 2006-11-9 04:23

谢谢了，看看

阿靖 2006-11-9 12:27

小气的类~!

青青三叶草 2006-11-9 16:01

欣赏欣赏。。。。。。。

nintendosp 2006-11-9 17:35

看看,顶一下

huibin 2006-11-9 18:04

谢谢~~~
谢谢~~~

zjg962000 2006-11-9 18:29

ding!!!!!!!!

kllly 2006-11-9 18:32

看下我要做

sf1205 2006-11-9 21:15

OK:lol :lol :lol

忽见碎羽散人间 2006-11-9 22:18

回，看看好不好

xiuying 2006-11-10 00:06

看一看好不好！

明俊男孩 2006-11-10 06:22

我看看啊嘿嘿

搞什么嘿嘿

mclaiii 2006-11-10 11:49

欣赏一下!~ 哈哈

rong888 2006-11-10 12:36

不错  先  看看

xiaoqiang 2006-11-11 08:53

看看去......

youknow 2006-11-11 09:56

看看  学

rex13 2006-11-11 10:59

DDRRRRRRR

DDRRRRRRRRRRRRRRRRR

xhlhl 2006-11-11 10:59

我找了好久的是时间钟原来这里有哈

智星 2006-11-11 11:33

:loveliness: :loveliness: :loveliness:

nikej 2006-11-11 14:59

sfsdfsfasdfsd

金色夕阳 2006-11-11 15:50

:victory:

pgyt 2006-11-11 16:40

...
jp b  bb

0330 2006-11-11 16:45

:lol seeeee..........

凌晨两点 2006-11-11 19:54

欣赏欣赏。。。。。。。

hohosuk 2006-11-11 21:24

hoho~````每次都要回复的哈

fever 2006-11-12 09:46

:kiss: :kiss: :kiss: :kiss:

cxq520 2006-11-12 11:15

学习一下
支持

raogn 2006-11-13 10:05

再来看看！

leyong 2006-11-13 13:27

what?????

shikaionly 2006-11-13 14:38

我顶好贴

鼎天 2006-11-13 15:01

好!

:lol 好,很漂亮!

youranbbs 2006-11-14 01:35

感谢楼主.

99jd 2006-11-14 09:38

来看看～～

xy88 2006-11-14 10:17

看看,什么东西啊,这么神秘

天野情空 2006-11-14 16:31

ding domg

heyanan1106 2006-11-14 17:53

看看!
:) :)

新城 2006-11-14 21:38

欣赏欣赏。。。。。。。

wyshx 2006-11-14 22:01

多谢楼主

pkoo 2006-11-15 19:37

hkgkhg

mkbhk

muruxi 2006-11-15 21:08

kanak

lirongsq88 2006-11-15 21:24

看看我看看

两个人的天空 2006-11-16 00:46

下角就是windows的时间

微微站长1 2006-11-16 02:05

0000000000000000000000000000

gaoihgdshjfjdgfkdfgj

shumi 2006-11-17 09:19

我回复了！！！！！

summerheart 2006-11-17 10:28

学习下:loveliness: :loveliness:

jita163 2006-11-17 11:04

哈哈！又来了！

看看！～
怎么不得了

分外妖娆 2006-11-17 13:30

哈俄    打法昆孙大

一剑除魔 2006-11-17 15:04

:lol :victory:

13520 2006-11-17 16:07

:o :( :(

clarejane 2006-11-17 16:58

:) :) :)

356406559 2006-11-17 17:47

a

aaaaaaaaa

shw959 2006-11-17 17:58

:time: :time:
顶一下

林成 2006-11-18 02:12

:o :o :o :o

cuteshow 2006-11-18 15:01

看可那

junlang 2006-11-18 15:07

我要啊
给我啊

气死兵哥哥 2006-11-18 17:18

ding   w      c x

rabbit1988sz 2006-11-18 19:51

感谢分享~~回复个。。

shikang4561 2006-11-19 00:29

。。。。。。。。。。看

zhanyong 2006-11-19 02:30

好好好,我先回复,看贴回帖是我的责任

大将军 2006-11-19 02:34

还的顶???

eng56782499 2006-11-19 12:53

回复回复！

gcc 2006-11-19 15:20

听起来不错

windsmile 2006-11-19 18:55

*** 作者被禁止或删除 内容自动屏蔽 ***

19851218 2006-11-22 10:00

dddddddddddddddddddd

xiaosa 2007-5-7 00:42

楼主辛苦了!谢谢提供!

shaoneng 2007-6-12 10:44

看看:lol :lol

huiney 2007-7-28 12:54

好东西..........

雨阁听风 2007-7-28 15:00

我要。。。。。。

天涯飞 2007-7-28 21:41

回复
...

孤行岁月 2007-8-15 22:46

回复 #19 爱与死的边缘 的帖子

能看到什么?

songzhihong 2008-4-10 16:44

用这些代码会影响速度的，不过支持一个。

乔加 2008-4-11 08:36

感谢楼主分享，不过个人觉得没太大的用处

我是空气 2008-4-11 09:24

好长的代码,
不想用,
不过还是谢谢楼主了.

qknc 2008-4-11 11:03

这个怎么用啊:loveliness:

njzhang666 2008-4-11 11:10

不影响速度？

台初论坛 2008-4-11 19:22

不是很好看啊:)

灰色魔尊 2008-4-25 16:53

代码蛮长的，速度肯定受到影响～
无论如何还是谢谢楼主的苦心～:D

血の七夜 2008-7-14 09:09

不会用啊:Q :Q :Q

gekg 2008-7-15 10:03

回复．．．．

康熙来了 2008-7-15 10:32

不会用:lol :lol

xiaopeng3537 2008-7-15 10:47

怕卡  不了 已经够卡饿
页: [1]
查看完整版本: 永远居于网页右下角的精美时钟
查看完整版本: 永远居于网页右下角的精美时钟