แจกโค้ดนาฬิกาดิจิตอลวิ่งตามเม้าท์
แก้ไขครั้งสุดท้ายโดย wern เมื่อ 2011-2-6 14:44คัดลอกไปวางที่ DIY ได้เลยครับ
ชมตัวอย่าง
www.thailandpostpr.com<script type="text/javascript">
// <![CDATA[
var colour="#639";
var clok;
var cpos=0;
var newx=xmo=400;
var newy=ymo=300;
window.onload=function() { if (document.getElementById) {
clok=document.createElement("div");
clok.style.position="absolute";
clok.appendChild(createDigit("dig0"));
clok.appendChild(createDigit("dig1"));
clok.appendChild(createColon());
clok.appendChild(createDigit("dig2"));
clok.appendChild(createDigit("dig3"));
clok.appendChild(createColon("ms"));
clok.appendChild(createDigit("dig4"));
clok.appendChild(createDigit("dig5"));
document.body.appendChild(clok);
tick();
}}
var digit=new Array(247, 146, 221, 219, 186, 235, 239, 210, 255, 251);
function tick() {
var now=new Date();
var t=Math.floor(now.getTime()/500)%2;
var i, j, k;
var won=oo(now.getHours())+oo(now.getMinutes())+oo(now.getSeconds());
for (i=0; i<6; i++) for (j=0; j<7; j++) {
k=digit.toString(2).substring(j+1, j+2);
document.getElementById("dig"+i+j).style.backgroundColor=(k==1)?colour:"transparent";
}
document.getElementById("mstop").style.backgroundColor=(t)?"transparent":colour;
document.getElementById("msbot").style.backgroundColor=(t)?"transparent":colour;
xmo+=Math.floor((newx-xmo)/4);
clok.style.left=(xmo-40)+"px";
ymo+=Math.floor((newy-ymo)/4);
clok.style.top=(ymo-20)+"px";
setTimeout("tick()", 40);
}
document.onmousemove=mouse;
function mouse(e) {
newy=(e)?e.pageY:event.y+scro();
newx=(e)?e.pageX:event.x;
}
function scro() {
var scro=0;
if (document.body.scrollTop) scro=document.body.scrollTop;
else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop;
return (scro);
}
function oo(o) { return(((o<10)?"0"+o:o).toString()); }
function createDigit(id) {
var odiv=createDiv(0, cpos, 18, 10, false);
cpos+=12;
odiv.appendChild(createDiv(0, 1, 2, 8, id+"0"));
odiv.appendChild(createDiv(1, 0, 8, 2, id+"1"));
odiv.appendChild(createDiv(1, 8, 8, 2, id+"2"));
odiv.appendChild(createDiv(8, 1, 2, 8, id+"3"));
odiv.appendChild(createDiv(9, 0, 8, 2, id+"4"));
odiv.appendChild(createDiv(9, 8, 8, 2, id+"5"));
odiv.appendChild(createDiv(16, 1, 2, 8, id+"6"));
return (odiv);
}
function createColon(id) {
var odiv=createDiv(0, cpos, 18, 2, false);
cpos+=4;
var dot1=createDiv(4, 0, 3, 2, (id)?id+"top":false);
dot1.style.backgroundColor=colour;
odiv.appendChild(dot1);
var dot2=createDiv(11, 0, 3, 2, (id)?id+"bot":false);
dot2.style.backgroundColor=colour;
odiv.appendChild(dot2);
return (odiv);
}
function createDiv(top, left, height, width, id) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.top=top+"px";
div.style.left=left+"px";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
if (id) div.setAttribute("id", id);
return (div);
}
// ]]>
</script>
เอา powerby discuz ออกทำไมอ่า ต้นฉบับโพสต์โดย Produstky เมื่อ 2011-2-27 20:24 static/image/common/back.gif
เอา powerby discuz ออกทำไมอ่า
งง
อะไรครับ
คุณหมายถึงอะไร
ถ้าหมายถึงโค้ดนาฬิกา ผมหามาเองน่ะครับ ไม่ได้เอาจากที่นี่ ผมโพสให้ใหม่ครับ <script type="text/javascript">
// <![CDATA[
var colour="#639";
var clok;
var cpos=0;
var newx=xmo=400;
var newy=ymo=300;
window.onload=function() { if (document.getElementById) {
clok=document.createElement("div");
clok.style.position="absolute";
clok.appendChild(createDigit("dig0"));
clok.appendChild(createDigit("dig1"));
clok.appendChild(createColon());
clok.appendChild(createDigit("dig2"));
clok.appendChild(createDigit("dig3"));
clok.appendChild(createColon("ms"));
clok.appendChild(createDigit("dig4"));
clok.appendChild(createDigit("dig5"));
document.body.appendChild(clok);
tick();
}}
var digit=new Array(247, 146, 221, 219, 186, 235, 239, 210, 255, 251);
function tick() {
var now=new Date();
var t=Math.floor(now.getTime()/500)%2;
var i, j, k;
var won=oo(now.getHours())+oo(now.getMinutes())+oo(now.getSeconds());
for (i=0; i<6; i++) for (j=0; j<7; j++) {
k=digit.toString(2).substring(j+1, j+2);
document.getElementById("dig"+i+j).style.backgroundColor=(k==1)?colour:"transparent";
}
document.getElementById("mstop").style.backgroundColor=(t)?"transparent":colour;
document.getElementById("msbot").style.backgroundColor=(t)?"transparent":colour;
xmo+=Math.floor((newx-xmo)/4);
clok.style.left=(xmo-40)+"px";
ymo+=Math.floor((newy-ymo)/4);
clok.style.top=(ymo-20)+"px";
setTimeout("tick()", 40);
}
document.onmousemove=mouse;
function mouse(e) {
newy=(e)?e.pageY:event.y+scro();
newx=(e)?e.pageX:event.x;
}
function scro() {
var scro=0;
if (document.body.scrollTop) scro=document.body.scrollTop;
else if (document.documentElement && document.documentElement.scrollTop) scro=document.documentElement.scrollTop;
return (scro);
}
function oo(o) { return(((o<10)?"0"+o:o).toString()); }
function createDigit(id) {
var odiv=createDiv(0, cpos, 18, 10, false);
cpos+=12;
odiv.appendChild(createDiv(0, 1, 2, 8, id+"0"));
odiv.appendChild(createDiv(1, 0, 8, 2, id+"1"));
odiv.appendChild(createDiv(1, 8, 8, 2, id+"2"));
odiv.appendChild(createDiv(8, 1, 2, 8, id+"3"));
odiv.appendChild(createDiv(9, 0, 8, 2, id+"4"));
odiv.appendChild(createDiv(9, 8, 8, 2, id+"5"));
odiv.appendChild(createDiv(16, 1, 2, 8, id+"6"));
return (odiv);
}
function createColon(id) {
var odiv=createDiv(0, cpos, 18, 2, false);
cpos+=4;
var dot1=createDiv(4, 0, 3, 2, (id)?id+"top":false);
dot1.style.backgroundColor=colour;
odiv.appendChild(dot1);
var dot2=createDiv(11, 0, 3, 2, (id)?id+"bot":false);
dot2.style.backgroundColor=colour;
odiv.appendChild(dot2);
return (odiv);
}
function createDiv(top, left, height, width, id) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.top=top+"px";
div.style.left=left+"px";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
if (id) div.setAttribute("id", id);
return (div);
}
// ]]>
</script> เขอบคุงมากครับผม อิอิไม่ค่อยชอบ
หน้า:
[1]