แจกโค้ดนาฬิกาดิจิตอลวิ่งตามเม้าท์

wern

คัดลอกไปวางที่ DIY ได้เลยครับ

ชมตัวอย่าง
www.thailandpostpr.com

1. <script type="text/javascript">
   
2. // <![CDATA[
   
3. var colour="#639";
   
4. 
   
5. var clok;
   
6. var cpos=0;
   
7. var newx=xmo=400;
   
8. var newy=ymo=300;
   
9. window.onload=function() { if (document.getElementById) {
   
10. clok=document.createElement("div");
    
11. clok.style.position="absolute";
    
12. clok.appendChild(createDigit("dig0"));
    
13. clok.appendChild(createDigit("dig1"));
    
14. clok.appendChild(createColon());
    
15. clok.appendChild(createDigit("dig2"));
    
16. clok.appendChild(createDigit("dig3"));
    
17. clok.appendChild(createColon("ms"));
    
18. clok.appendChild(createDigit("dig4"));
    
19. clok.appendChild(createDigit("dig5"));
    
20. document.body.appendChild(clok);
    
21. tick();
    
22. }}
    
23. var digit=new Array(247, 146, 221, 219, 186, 235, 239, 210, 255, 251);
    
24. function tick() {
    
25. var now=new Date();
    
26. var t=Math.floor(now.getTime()/500)%2;
    
27. var i, j, k;
    
28. var won=oo(now.getHours())+oo(now.getMinutes())+oo(now.getSeconds());
    
29. for (i=0; i<6; i++) for (j=0; j<7; j++) {
    
30. k=digit[won.substring(i, i+1)].toString(2).substring(j+1, j+2);
    
31. document.getElementById("dig"+i+j).style.backgroundColor=(k==1)?colour:"transparent";
    
32. }
    
33. document.getElementById("mstop").style.backgroundColor=(t)?"transparent":colour;
    
34. document.getElementById("msbot").style.backgroundColor=(t)?"transparent":colour;
    
35. xmo+=Math.floor((newx-xmo)/4);
    
36. clok.style.left=(xmo-40)+"px";
    
37. ymo+=Math.floor((newy-ymo)/4);
    
38. clok.style.top=(ymo-20)+"px";
    
39. setTimeout("tick()", 40);
    
40. }
    
41. document.onmousemove=mouse;
    
42. function mouse(e) {
    
43. newy=(e)?e.pageY:event.y+scro();
    
44. newx=(e)?e.pageX:event.x;
    
45. }
    
46. function scro() {
    
47. var scro=0;
    
48. if (document.body.scrollTop) scro=document.body.scrollTop;
    
49. else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop;
    
50. return (scro);
    
51. }
    
52. function oo(o) { return(((o<10)?"0"+o:o).toString()); }
    
53. function createDigit(id) {
    
54. var odiv=createDiv(0, cpos, 18, 10, false);
    
55. cpos+=12;
    
56. odiv.appendChild(createDiv(0, 1, 2, 8, id+"0"));
    
57. odiv.appendChild(createDiv(1, 0, 8, 2, id+"1"));
    
58. odiv.appendChild(createDiv(1, 8, 8, 2, id+"2"));
    
59. odiv.appendChild(createDiv(8, 1, 2, 8, id+"3"));
    
60. odiv.appendChild(createDiv(9, 0, 8, 2, id+"4"));
    
61. odiv.appendChild(createDiv(9, 8, 8, 2, id+"5"));
    
62. odiv.appendChild(createDiv(16, 1, 2, 8, id+"6"));
    
63. return (odiv);
    
64. }
    
65. function createColon(id) {
    
66. var odiv=createDiv(0, cpos, 18, 2, false);
    
67. cpos+=4;
    
68. var dot1=createDiv(4, 0, 3, 2, (id)?id+"top":false);
    
69. dot1.style.backgroundColor=colour;
    
70. odiv.appendChild(dot1);
    
71. var dot2=createDiv(11, 0, 3, 2, (id)?id+"bot":false);
    
72. dot2.style.backgroundColor=colour;
    
73. odiv.appendChild(dot2);
    
74. return (odiv);
    
75. }
    
76. function createDiv(top, left, height, width, id) {
    
77. var div=document.createElement("div");
    
78. div.style.position="absolute";
    
79. div.style.top=top+"px";
    
80. div.style.left=left+"px";
    
81. div.style.height=height+"px";
    
82. div.style.width=width+"px";
    
83. div.style.overflow="hidden";
    
84. if (id) div.setAttribute("id", id);
    
85. return (div);
    
86. }
    
87. // ]]>
    
88. </script>
    

คัดลอกไปที่คลิปบอร์ด

Produstky

เอา powerby discuz ออกทำไมอ่า

wern

ต้นฉบับโพสต์โดย Produstky เมื่อ 2011-2-27 20:24
เอา powerby discuz ออกทำไมอ่า

งง

อะไรครับ

คุณหมายถึงอะไร

ถ้าหมายถึงโค้ดนาฬิกา ผมหามาเองน่ะครับ ไม่ได้เอาจากที่นี่

X_Master

ผมโพสให้ใหม่ครับ

1.     <script type="text/javascript">
   
2.     // <![CDATA[
   
3.     var colour="#639";
   
4.    
   
5. 
   
6.     var clok;
   
7.     var cpos=0;
   
8.     var newx=xmo=400;
   
9.     var newy=ymo=300;
   
10.     window.onload=function() { if (document.getElementById) {
    
11.    clok=document.createElement("div");
    
12.    clok.style.position="absolute";
    
13.    clok.appendChild(createDigit("dig0"));
    
14.    clok.appendChild(createDigit("dig1"));
    
15.    clok.appendChild(createColon());
    
16.    clok.appendChild(createDigit("dig2"));
    
17.    clok.appendChild(createDigit("dig3"));
    
18.    clok.appendChild(createColon("ms"));
    
19.    clok.appendChild(createDigit("dig4"));
    
20.    clok.appendChild(createDigit("dig5"));
    
21.    document.body.appendChild(clok);
    
22.    tick();
    
23.    }}
    
24.    var digit=new Array(247, 146, 221, 219, 186, 235, 239, 210, 255, 251);
    
25.    function tick() {
    
26.    var now=new Date();
    
27.    var t=Math.floor(now.getTime()/500)%2;
    
28.    var i, j, k;
    
29.    var won=oo(now.getHours())+oo(now.getMinutes())+oo(now.getSeconds());
    
30.    for (i=0; i<6; i++) for (j=0; j<7; j++) {
    
31.    k=digit[won.substring(i, i+1)].toString(2).substring(j+1, j+2);
    
32.    document.getElementById("dig"+i+j).style.backgroundColor=(k==1)?colour:"transparent";
    
33.    }
    
34.    document.getElementById("mstop").style.backgroundColor=(t)?"transparent":colour;
    
35.    document.getElementById("msbot").style.backgroundColor=(t)?"transparent":colour;
    
36.    xmo+=Math.floor((newx-xmo)/4);
    
37.    clok.style.left=(xmo-40)+"px";
    
38.    ymo+=Math.floor((newy-ymo)/4);
    
39.    clok.style.top=(ymo-20)+"px";
    
40.    setTimeout("tick()", 40);
    
41.    }
    
42.    document.onmousemove=mouse;
    
43.    function mouse(e) {
    
44.    newy=(e)?e.pageY:event.y+scro();
    
45.    newx=(e)?e.pageX:event.x;
    
46.    }
    
47.    function scro() {
    
48.    var scro=0;
    
49.    if (document.body.scrollTop) scro=document.body.scrollTop;
    
50.    else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop;
    
51.    return (scro);
    
52.    }
    
53.    function oo(o) { return(((o<10)?"0"+o:o).toString()); }
    
54.    function createDigit(id) {
    
55.    var odiv=createDiv(0, cpos, 18, 10, false);
    
56.    cpos+=12;
    
57.    odiv.appendChild(createDiv(0, 1, 2, 8, id+"0"));
    
58.    odiv.appendChild(createDiv(1, 0, 8, 2, id+"1"));
    
59.    odiv.appendChild(createDiv(1, 8, 8, 2, id+"2"));
    
60.    odiv.appendChild(createDiv(8, 1, 2, 8, id+"3"));
    
61.    odiv.appendChild(createDiv(9, 0, 8, 2, id+"4"));
    
62.    odiv.appendChild(createDiv(9, 8, 8, 2, id+"5"));
    
63.    odiv.appendChild(createDiv(16, 1, 2, 8, id+"6"));
    
64.    return (odiv);
    
65.    }
    
66.    function createColon(id) {
    
67.    var odiv=createDiv(0, cpos, 18, 2, false);
    
68.    cpos+=4;
    
69.    var dot1=createDiv(4, 0, 3, 2, (id)?id+"top":false);
    
70.    dot1.style.backgroundColor=colour;
    
71.    odiv.appendChild(dot1);
    
72.    var dot2=createDiv(11, 0, 3, 2, (id)?id+"bot":false);
    
73.    dot2.style.backgroundColor=colour;
    
74.    odiv.appendChild(dot2);
    
75.    return (odiv);
    
76.    }
    
77.    function createDiv(top, left, height, width, id) {
    
78.    var div=document.createElement("div");
    
79.    div.style.position="absolute";
    
80.    div.style.top=top+"px";
    
81.   div.style.left=left+"px";
    
82.    div.style.height=height+"px";
    
83.    div.style.width=width+"px";
    
84.   div.style.overflow="hidden";
    
85. if (id) div.setAttribute("id", id);
    
86. return (div);
    
87.    }
    
88. // ]]>
    
89.   </script>

คัดลอกไปที่คลิปบอร์ด

goodbyez

เขอบคุงมากครับผม

jameinw123

อิอิไม่ค่อยชอบ