လၢႆးသႂ်ႇယၢမ်းမွင်းတီႈပၢႆ Mouse Cursor Clock

လွၵ်းလၢႆးဢၼ်မႂ်ႇတႄ့ဢမ်ႇၸႂ်ႈၶႃႈ။ ၶိုၼ်းမေးႁၢင်ႈၶိူင်ႈသေတၢင်ႇၵူၺ်းၶႃႈ။

မိူဝ်ႈၼႆ့ ၵွပ်ႈမီးပီႈၼွင့်ဢူၺ်းၵေႃ့ႁဝ်းၶဝ်ၸိူဝ်းဢၼ်မႃးဢႅဝ်ႇမိူင်းသီႇပေႃ့ႁဝ်းၶႃႈမႃးတုၵ်းယွၼ်းဝႆ့ႁႂ်ႈ
တၢင်ႇပၼ် လၢႆးသႂ်ႇယၢမ်းမွင်းတီႈမၢႆ mouse Cursors ၼၼ့်ၼႆလႄႈ ၸင်ႇလႆႈတၢင်ႇပၼ်ၶႃႈယဝ့်။
ဢွၼ်တၢင်းတေလႆႈလၢႆႈ Template  Designer ၶႃႈဢေႃႈ။ပေႃးႁဝ်းၶႃႈၸႂ့်ဢၼ် ပႃးမႃးၸွမ်း 
blogger Template မၼ်းၼၼ့်ၵူၺ်းၸိုင်မၼ်းတေဢမ်ႇႁဵတ်းၵၢၼ်ပၼ်ၶႃႈ။ ဝႅပ့်တီႈဢၼ်ဢဝ်လႆႈ
Template  Designer 79 ဢၼ်  မီးၼႆႈၶႃႈ ။ လွၵ်းလၢႆးလၢႆႈမၼ်းတၢင်ႇၸိူဝ်ႉတၢင်ႇပိုင်တေ့ သင်မီး
ၵူၼ်းၶႂ်ႈႁူ့ထႅင်ႈၼႆၸင်ၵွႆႈၵပ်းသိုပ်ႇထၢမ်မႃးထႅင်ႈၶႃႈတႃ့။
မိူဝ်ႈလဵဝ်တေ့ တေလၢတ်ႈၼႄလၢႆးသႂ်ႇယၢမ်းမွင်းတီႈပၢႆ Mouse Cursor Clock သေၵွၼ်ၶႃႈ။
(1) ပေႃးဝႃႈႁဝ်းၽူၺ်ႇပလွၵ့်ႁဝ်းၶိုၼ်ႈမႃးယဝ့်ၼႆ ၵႂႃႇၼဵၵ်းတီႈ  Design ၼၼ့်ၵမ်းၼိုင်ႈၶႃႈ။
 
(2) ၶိုၼ်းသိုပ်ႇၼဵၵ်းတီႈ Page Element ထႅင်ႈၵမ်းၼိုင်ႈ။ 

(3) ၶိုၼ်းသိုပ်ႇၼဵၵ်းတီႈ Add a Gadget ၼၼ့်ထႅင်ႈၵမ်းၼိုင်ႈၶႃႈ။

(4) ၶိုၼ်းသိုပ်ႇၼဵၵ်းတီႈ HTML/ JavaScript ထႅင်ႈၵမ်းၼိုင်ႈၶႃႈ။

(5)ပေႃးၼႃႈႁၢင်ႈမႂ်ႇမၼ်းဢွၵ်ႇမႃးၸိူင့်ၼင်တၢင်းတႂ်ႈၼႆ့ၸိုင် ၵူး Copy ဢဝ် Code မၼ်းဢၼ်ပၼ်ဝႆ့
တၢင်းတႂ်ႈၼၼ့်သႂ်ႇသေၼဵၵ်း Save ၼႆၵေႃႈယဝ့်ယဝ့်ၶႃႈ။

Code မၼ်းမီးတႂ်ႈၼႆ့ၶႃႈ

<!--မိူင်းသီႇပေႃ့-Mouse poiter--> 
<h2 class="title">Timer</h2> 
<div class="widget-content"> 
<style type="text/css"> 
<!-- 
/*Do not Alter these. Set for alignment*/ 
.css1{ 
position:absolute;top:0px;left:0px; 
width:16px;height:16px; 
font-family:Arial,sans-serif; 
font-size:16px; 
text-align:center; 
font-weight:bold; 
} 
.css2{ 
position:absolute;top:0px;left:0px; 
width:10px;height:10px; 
font-family:Arial,sans-serif; 
font-size:10px; 
text-align:center; 
} 
//--> 
</style> 
     
<script language="JavaScript"> 
<!-- Mouse Follow Clock from Rainbow Arch --> 
<!-- This script and many more from : --> 
<!-- http://www.scoobycyber.blogspot.com --> 
     
<!-- Mouse Follow Clock from www.scoobycyber.blogspot.com 
//Hide from older browsers 
if (document.getElementById&&!document.layers){ 
     
// *** Clock colours 
dCol='#80FF00'; //date colour. 
fCol='#9400d3'; //face colour. 
sCol='#9400d3'; //seconds colour. 
mCol='#dc143c'; //minutes colour. 
hCol='#ff69b4'; //hours colour. 
     
// *** Controls 
del=0.6; //Follow mouse speed. 
ref=40; //Run speed (timeout). 
     
// Alter nothing below! Alignments will be lost! 
var ieType=(typeof window.innerWidth != 'number'); 
var docComp=(document.compatMode); 
var docMod=(docComp && docComp.indexOf("CSS") != -1); 
var ieRef=(ieType && docMod) 
?document.documentElement:document.body; 
theDays=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY"); 
theMonths=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER"); 
date=new Date(); 
day=date.getDate(); 
year=date.getYear(); 
if (year < 2000) year=year+1900; 
tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year; 
D=tmpdate.split(""); 
N='3 4 5 6 7 8 9 10 11 12 1 2'; 
N=N.split(" "); 
F=N.length; 
H='...'; 
H=H.split(""); 
M='....'; 
M=M.split(""); 
S='.....'; 
S=S.split(""); 
siz=40; 
eqf=360/F; 
eqd=360/D.length; 
han=siz/5.5; 
ofy=-7; 
ofx=-3; 
ofst=70; 
tmr=null; 
vis=true; 
mouseY=0; 
mouseX=0; 
dy=new Array(); 
dx=new Array(); 
zy=new Array(); 
zx=new Array(); 
tmps=new Array(); 
tmpm=new Array(); 
tmph=new Array(); 
tmpf=new Array(); 
tmpd=new Array(); 
var sum=parseInt(D.length+F+H.length+M.length+S.length)+1; 
for (i=0; i < sum; i++){ 
dy[i]=0; 
dx[i]=0; 
zy[i]=0; 
zx[i]=0; 
} 
algn=new Array(); 
for (i=0; i < D.length; i++){ 
algn[i]=(parseInt(D[i]) || D[i]==0)?10:9; 
document.write('<div id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'</div>'); 
tmpd[i]=document.getElementById("_date"+i).style; 
} 
for (i=0; i < F; i++){ 
document.write('<div id="_face'+i+'" class="css2" style="color:'+fCol+'">'+N[i]+'</div>'); 
tmpf[i]=document.getElementById("_face"+i).style; 
} 
for (i=0; i < H.length; i++){ 
document.write('<div id="_hours'+i+'" class="css1" style="color:'+hCol+'">'+H[i]+'</div>'); 
tmph[i]=document.getElementById("_hours"+i).style; 
} 
for (i=0; i < M.length; i++){ 
document.write('<div id="_minutes'+i+'" class="css1" style="color:'+mCol+'">'+M[i]+'</div>'); 
    tmpm[i]=document.getElementById("_minutes"+i).style; 
} 
for (i=0; i < S.length; i++){ 
document.write('<div id="_seconds'+i+'" class="css1" style="color:'+sCol+'">'+S[i]+'</div>'); 
    tmps[i]=document.getElementById("_seconds"+i).style; 
} 
     
function onoff(){ 
if (vis){ 
vis=false; 
document.getElementById("control").value="Clock On"; 
} 
else{ 
vis=true; 
document.getElementById("control").value="Clock Off"; 
    Delay(); 
} 
kill(); 
} 
     
function kill(){ 
if (vis) 
document.onmousemove=mouse; 
else 
document.onmousemove=null; 
} 
function mouse(e){ 
var msy = (!ieType)?window.pageYOffset:0; 
if (!e) e = window.event; 
if (typeof e.pageY == 'number'){ 
mouseY = e.pageY + ofst - msy; 
mouseX = e.pageX + ofst; 
} 
else{ 
mouseY = e.clientY + ofst - msy; 
mouseX = e.clientX + ofst; 
} 
if (!vis) kill(); 
} 
document.onmousemove=mouse; 
     
function winDims(){ 
winH=(ieType)?ieRef.clientHeight:window.innerHeight; 
winW=(ieType)?ieRef.clientWidth:window.innerWidth; 
} 
winDims(); 
window.onresize=new Function("winDims()"); 
     
function ClockAndAssign(){ 
time = new Date(); 
secs = time.getSeconds(); 
sec = Math.PI * (secs-15) / 30; 
mins = time.getMinutes(); 
min = Math.PI * (mins-15) / 30; 
hrs = time.getHours(); 
hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360; 
     
for (i=0; i < S.length; i++){ 
tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px"; 
tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px"; 
} 
for (i=0; i < M.length; i++){ 
tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px"; 
tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px"; 
} 
for (i=0; i < H.length; i++){ 
tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px"; 
tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px"; 
} 
for (i=0; i < F; i++){ 
tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px"; 
tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px"; 
} 
for (i=0; i < D.length; i++){ 
tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px"; 
tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px"; 
} 
if (!vis)clearTimeout(tmr); 
} 
buffW=(ieType)?80:90; 
function Delay(){ 
scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset; 
if (!vis){ 
dy[0]=-100; 
dx[0]=-100; 
} 
else{ 
zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del); 
zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del); 
} 
for (i=1; i < sum; i++){ 
if (!vis){ 
dy[i]=-100; 
dx[i]=-100; 
} 
else{ 
zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del); 
zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del); 
} 
if (dy[i-1] >= winH-80) dy[i-1]=winH-80; 
if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW; 
} 
     
tmr=setTimeout('Delay()',ref); 
ClockAndAssign(); 
    } 
window.onload=Delay; 
} 
//--> 
</script></div> 
<!---မိူင်းသီႇပေႃ့-Mouse poiter-http://moenghsipaw.blogspot.com-->

ႁႂ်ႈမီးတၢင်းၵတ်းယဵၼ် လွတ်ႈၽေးၶဵၼ်ၵူႈၵေႃ့သေ.......
မိူင်းသီႇပေႃ့