Followers

အီးေမးလ္မွာဖတ္ခ်င္ရင္အေပၚမွာ Sign In (Menber)ဝင္ၾကပါလို႕ေတာင္းဆိုပါရေစ။ခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

kp3နည္းပညာ၊၅၇၊မိမိရဲ့ဘေလာ့မွာMouseေနာက္ကေန တေကာက္ေကာက္လိုက္ေနတဲ့စာေၾကာင္းေလးထားခ်င္ရင္

ဒါေလးၾကေတာ့အေရးလည္းအၾကီးပါဘူး သူမ်ားလုပ္သလိုလုပ္ျခင္ရင္ေပါ့ေနာ္။
Floating Hover Text - Which Trails Mouse Cursor ေပါ့ေနာ္....
Mouseေနာက္ကေန တေကာက္ေကာက္လိုက္ေနတဲ့စာေၾကာင္းေလးေပါ့ေနာ္။
သံုးတဲ့သူေတြေတာ့ျမင္ဖူးပါတယ္ ဒါေပမဲ့ျပန္မၽွေဝေပးတဲ့သူမေတြ႕လို႔
လိုျခင္တဲ့မိတ္ေဆြေတြရိွခဲ့ရင္ပါ.....။။။ အားလံုးကိုေလးစားပါတယ္
အားလံုးနားလည္ေအာင္က်ေနာ္ နမူနာသံုးေနပါတယ္။
ေအာက္မွာပံုနဲ႔တကြCodeလက္ရိွက်ေနာ္သံုးတဲ့Codeပါ
ထည့္နည္းကေတာ့ထံုးစံတိုင္ပါ

၁။Layout
၂။ Add a Gadget
၃။ HTML/JavaScript

<script language="javascript">



var text='THANK YOU.';

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>

အေပၚကCodeကိုpasteလုပ္ၿပီးရင္
၄။Save နိုပ္လိုက္ပါ။ ၿပီးပါၿပီ။။
kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

"THANK YOU"ေနရာမွာမိမိနွစ္သက္သည့္စာသားေရးလိုက္ပါ




Related Post

Reactions:

11 comments:

တကယ္ေက်းဇူးတင္ပါတယ္...ရွာေနတာၾကာၿပီ အခုမွပဲေတြ႕ေတာ့တယ္...

ကၽြန္ေတ႔ာ္ Blog မွာ တင္တာ အဆင္မေျပဘူးျဖစ္ေနတယ္ ခင္ဗ်ာ.....
စာသားမေပၚဘူး ျဖစ္ေနတယ္ ကူညီပါဦး...

ေကာင္းေကာင္းျပန္ထည့္ေပးပါ.ကုဒ္ကိုယူရင္မက်န္ပါေစနဲ႕။

အကိုေရကၽႊန္ေတာ္ဘေလာ့မွာလည္းလုပ္ၾကည့္တာ မရဘူးၿဖစ္ေနတယ္တခ်က္ေလာက္ၿပန္စစ္ၾကည့္ေပးပါအံုး

အကိုေရကြ်န္ေတာ္လည္းမရဘူးၿဖင္ ့ေနတယ္တစ္လံုးမၾကံကူးတာပဲ
မရဘူးၿဖစ္ေနတယ္ကူညီးပါအံုး
ၿပီးေတာ့ကြ်န္ေတာ့ဘေလာ့ဂါဆိုဒ္ကိုၿမန္မာနိုင္ငံကသူငယ္ခ်င္းေတြ
ၿပတာဝင္လို ့မရဘူးၿဖစ္ေနတယ္ဗ်ာကြ်န္ေတာ္ကဆိုဒ္ဖြင္ ့ေလးရက္ေလာက္ပဲ
ရွိေသးတာအကိုကူညီပါဆိုဒ္နာမည္ကမေမ ့အိမ္လို ့ေပးထားပါတယ္
အကိုတစ္ေခါက္ေလာက္ဝင္ၾကည့္ေပးပါ
http://ahmateain.blogspot.com/

အကိုေရ
ကုဒ္ထည့္ရတာ အဆင္ေျပတယ္ ။
ဒါေပသိ ေမာက္ဆင္ဆာနဲ႔ စာတန္းနဲ႔က ေဝးေနတယ္ ။
ဘယ္လို ျပန္ခ်ိန္ရမလဲ ဆိုတာ ေျပာျပေပးပါဦး။
ေက်းဇူးတင္ပါတယ္ ။
ေက မိသားစု သက္ေက်ာ္ရာေက်ာ္ရွည္ပါေစ .

ေက်းဇူးအထူးဗ်ာ....
နည္းပညာေလးေတြကို ေလးစားပါတယ္ဗ်ာ...

နည္းပညာမ်ားကိုျဖန့္ေ၀ေပးလိုေက်းဇူးတင္ပါတယ္ဗ်ာ...........

ေက်းဇူးတင္လို႔မဆံုးပါဘူးအစ္ကိုယ္ ကြ်န္ေတာ္ Blog နဲ႔ပက္သက္ျပီးေခါင္းစားေနတာေတာ္ေတာ္ၾကာျပီ..ဒီေန႔အမ္ပီသရီးဆိုက္ကိုေရာက္မွေလ့လာစရာေတြေတာ္ေတာ္သိလိုက္ရတယ္...ကိုယ္ဒီထက္မကေအာင္ျမင္ပါေစ...

အကိုမရဘူး ၿပန္တင္ေပးပါ

ကာစာနဲ႔ စာတမ္းက ေဝးေနတယ္ဗ်

Post a Comment

မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။