Add Floating Hover Text - Which Trails Mouse Cursor

blogs မွာ Mouse Cursor(trail text effect) အဲ့လို အဖက္ေလးထည့္ႀကမယ္ဗ်ာ ။
မသိေသးတဲ့ သူေတြ အတြက္ ရည္ရြယ္တာပါ ။
ပံုမွာ ျမင္ရတဲ့ အတိုင္း ေမာက္ေလးေနာက္မွ စာတန္းေလး လိုက္ေနတာ ေတြ႔ႀကမွာပါ ။
blogs မွာ မိမိ နာမည္ပါတဲ့ စာတန္းနဲ႔ အဖက္ေလးဆိုေတာ့ ႀကိဳက္တဲ့ သူေတြ အတြက္ေတာ့ စိတ္ဝင္စားစရာပါ ။
က်ေနာ္ရွာေဖြ ေတြ႔ရွိတာေလး ျပန္လည္ မွ်ေဝေပးလိုက္ပါတယ္ ။
ေအာက္မွာ Code ေတြ ကူးယူျပီး Edit Pages မွာသြားျပီး HTML/JavaScript မွာ ထည့္လိုက္ပါ ။
'YOUR TEXT HERE...'; ဆိုတဲ့ ေနရာမွာ လိုခ်င္တဲ့ နာမည္ေျပာင္းေရးလိုက္ပါ ....ေနာက္ျပီးSaveလိုက္ရင္ အဆင္ေျပပါျပီ ။

ေအာက္မွာ copy ကူးယူလိုက္ပါ ။


click for copy

<script language="javascript"> // ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE. var text='YOUR TEXT HERE...'; var delay=40; // SPEED OF TRAIL var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT) var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP) var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC. var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED. //********** NO NEED TO EDIT BELOW HERE **********\\ ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false; ie4 = (document.all && !document.getElementById)? true : false; ie5 = (document.all && document.getElementById)? true : false; ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false; var txtA=new Array(); text=text.split(''); var x1=0; var y1=-1000; var t=''; for(i=1;i<=text.length;i++){ t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;"> '; t+=beghtml+text[i-1]+endhtml; t+=(ns4)? '</layer>' : '</div>'; } document.write(t); function moveid(id,x,y){ if(ns4)id.moveTo(x,y); else{ id.style.left=x+'px'; id.style.top=y+'px'; }} function animate(evt){ x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX); y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY); } function getidleft(id){ if(ns4)return id.left; else return parseInt(id.style.left); } function getidtop(id){ if(ns4)return id.top; else return parseInt(id.style.top); } function getwindowwidth(){ if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft; else return window.innerWidth+pageXOffset; } function movetxts(){ for(i=text.length;i>1;i=i-1){ if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){ moveid(txtA[i-1],0,-1000); moveid(txtA[i],0,-1000); }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1])); } moveid(txtA[1],x1,y1); } window.onload=function(){ for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i); if(ns4)document.captureEvents(Event.MOUSEMOVE); document.onmousemove=animate; setInterval('movetxts()',delay); } </script>
ဒီေနရာမွပို႔ေလးကို ဘာသာျပန္ထားပါသည္ ။ အမွားယြင္းရွိခဲ့ပါက ဝႏ ၱာမိပါ ခင္ဗ်ား ။ အားလံုး အဆင္ေျပႀကပါေစ ။