Skip to main content

JS Rollover Effect and GoodBye Alert

ဟို္ေလ်ာက္ေမႊ ဒီေလ်ာက္ေမႊရင္း နဲ႔ ေတြခဲ့တယ္။ လိုတဲ့အခ်ိ္န္မွာ ျပန္ၾကည့္ႏုိင္ေအာင္ရယ္ မသိေသးတဲ့သူေတြ သံုးႏုိင္ေအာင္ရယ္ တင္ထားလိုက္တာပါ။ ကၽြန္ေတာ္ကေတာ့ မသိတာေတြ မ်ားလြန္းေသးေတာ့ မွတ္မွတ္ထားရတယ္။ ဒီလို ကုဒ္မ်ိဳးက ဘယ္ေလာက္လြယ္လဲဆိုေတာ့ ကၽြန္ေတာ္လို ငတံုးေတာင္ နားလည္တယ္။ ရွင္းေနတာပဲ။

<a href="LINK" onMouseover="document.image.src='FIRST IMAGE'" onMouseout="document.image.src='SECOND IMAGE'">
<IMG src="SECOND IMAG" border="0" name="image"></a>

ျပန္ခါနီး ဧည့္သည္ကို ႏွဳတ္ဆက္ခ်င္တယ္ဆိုရင္ ဒီကုဒ္ေလးနဲ႔ အဆင္ေျပမယ္ထင္တယ္

<body onUnload="alert('YOUR GOODBYE ALERT GOES HERE')">

Comments

  1. JS is great but it's not efficient. It will add repeatative chunk of codes to ur html file.
    I would recommand CSS for this case. Very easy, reusable and cut off many bytes from your webpage. Try somethin like this.

    #Rollover a{background: url("IMGURL");}
    #Rollover a:hover{background: url("IMGURL");}

    ReplyDelete
  2. Ma May. Thz: 4 sharing ur brilliant codes.
    I'll try. :)

    ReplyDelete
  3. ကိုခ်မ္း ..code ေတြ နားမလည္ဘူး .ရွင္းျပပါလား .ဘာလုပ္လုိ႕ရတာလဲ .ငတံုးမေလးဆုိေတာ့ ဟိ

    ReplyDelete
  4. ဟိုက္ ... ေနာက္တာလား :P

    ReplyDelete
  5. template ဘယ္ေနရာေတြမွာထည့္ရမွာလဲဟင္ ဒီလင့္ေတြကို

    ReplyDelete
  6. ဒုတိယတစ္ခုကေတာ့ Body Tag မွာထည့္ၿပီး သံုးႏုိင္ပါတယ္။ ပထမတစ္ခုကေတာ့ လိုရင္ လုိတဲ့ေနရာမွာ သံုးဖို႔ပါ။ Blogger မွာပဲ သံုးဖို႔သက္သက္ မဟုတ္ပါဘူး :)

    ReplyDelete

Post a Comment

Thanks for your comment.

Popular posts from this blog

Happy Brithday CMS :)

ကၽြန္ေတာ္ ေပ်ာက္ေနခဲ့တာ ေတာ္ေတာ္ၾကာေနခဲ့ပါၿပီ။ ကၽြန္ေတာ့္ေမြးေန႔ျဖစ္တဲ့ ဒီေန႔မွပဲ ပို႔္စ္တစ္ခုကိုေကာင္းေကာင္းျပန္ၿပီး တင္ျဖစ္ေတာ့တယ္။ အမွတ္တရ အထိမ္းအမွတ္အေနနဲ႔လည္း ပါပါတယ္။ အရင္ကတည္းက ပို႔စ္ေတြကို ေရးခ်င္စိတ္ရွိေနခဲ့ပါတယ္။ ဒါေပမဲ့ ေ႐ႊႏုိင္ငံ၏ အင္တာနက္ ကြန္နက္ရွင္မ်ား အသကုန္ ေကာင္းမြန္မွဳေၾကာင့္ ဘယ္လုိမွ အဆင္မေျပခဲ့ပါ။ ဒီေန႔ေတာ့ ပို႔စ္တစ္ခုကို ေကာင္းမြန္စြာတင္ႏုိင္ခဲ့ပါၿပီ။ ပို႔စ္တင္ႏုိင္ျခင္း အထိမ္းအမွတ္အေနနဲ႔ ပါတီပြဲေလးတစ္ခုေတာင္ လုပ္ရင္ ေကာင္းမလားလို႔ စဥ္းစားမိတယ္။ ေမြးေန႔ မနက္ေစာေစာ ဘုရားကို သြားမယ္လို႔ ရည္႐ြယ္ထားခဲ့တာလည္း မသြားလိုက္ရဘူး။ ကၽြန္ေတာ္ႏွင့္ သူငယ္ခ်င္းတစ္စု ေမြးေန႔မတုိင္ခင္တစ္ရက္ ေမၿမိဳ႕ကိုအသြားမွာ ကားပ်က္ၿပီး အဲဒီမွာပဲ တစ္ည အိပ္လိုက္ရတယ္။ မႏၲေလးကို ညေန ၃ နာရီေလာက္မွ ျပန္ေရာက္ခဲ့တယ္။ ဒီႏွစ္ေမြးေန႔ အရင္က ႏွစ္ေတြေလာက္ ေပ်ာ္စရာမေကာင္းေတာ့ဘူး။ အရင္ျဖစ္ခဲ့ ပ်က္ခဲ့တာေတြကို ေတြးမိတိုင္း ၀မ္းနည္းမိသလို ေမြးေန႔မွာ ကိုယ္ခ်စ္တဲ့သူေတြအနားမွာ ရွိေနတဲ့အတြက္ နည္းနည္းေတာ့၀မ္းသာမိပါတယ္။ သို႔ေပမဲ့လည္း အဲဒီလူေတြလည္း ေနာင္တစ္ခ်ိန္မွာ ဘယ္သူက ဘယ္သူကို အရင္ ႏွုတ္ဆက္ရမယ္ဆိုတာ ခန္႔မွန္းလို႔ မရႏ...

ခြင့္ျပဳပါ

ကၽြန္ေတာ္ ဘေလာ့ေရးျခင္းကိစၥကို ေခတၱရပ္နားထားပါဦးမည္။ လာလည္ၾကတဲ့ မိတ္ေဆြ သူငယ္ခ်င္းမ်ားကို အထူးပဲ ေက်းဇူးတင္ပါတယ္ခင္ဗ်ာ။ အားလံုးကို ခင္မင္ေလးစားလွ်က္ CMS

မိုးေရေဖြးေဖြး ေ႐ႊမႏၲေလး (သို႔) မိုးေတြရြာရင္ ...

မေန႔က မႏၲေလးမွာ မိုးေတြ အရမ္း႐ြာတယ္။ မႏၲေလး Bloggers Network မွတစ္ဆင့္ မရတနာခ်ိဳ ႏွင့္ ႏွစ္ကူး တို႔ရဲ႕ ပို႔စ္ေတြမွာ ဓာတ္ပံုေတြႏွင့္တကြ ပို႔စ္ေတြတင္ထားတာ ေတြ႔ရတယ္။ မရတနာခ်ိဳ ႏွင့္ ႏွစ္ကူး တို႔ကို အရမ္းေက်းဇူးတင္ပါတယ္။ ဒီေန႔လည္း မႏၲေလးမွာ မိုးထပ္ရြာတယ္လို႔ သိရပါတယ္။ ဒီမွာေတာ့ မိုးမရြာဘူးဗ်ာ။ မရြာတဲ့အျပင္ နည္းနည္းေတာင္ ပူေနသလိုပဲ။ ဒါ့ေၾကာင့္ ကၽြန္ေတာ္မ်ိဳး မႏၲေလးမိုးကို လြမ္းေနမိတယ္။ အင္း ေျပာရင္းဆိုရင္း အခု အျပင္မွာ မိုးၿခိမ္းသံေတြ ၾကားေနရတယ္။ ဘယ္ေတာ့ ရြာမလဲေတာ့ မသိဘူး။ မိုးေတြရြာရင္ ... မိုးနဲ႔ ပက္သက္တဲ့ သီခ်င္းေတြကို နားေထာင္တယ္။ ဒီမွာေတာ့ ရြာခဲပါတယ္။ ဒါေပမဲ့ လန္ဒန္ကို မႏၲေလး အေနနဲ႔ သတ္မွတ္ၿပီး မိုးသီခ်င္းေတြကို နားေထာင္လိုက္တယ္။ အင္း ... ဒါလည္း ဆုိက္ကို တစ္မ်ိဳးပဲထင္တယ္။ အယ္လ္ဆိုင္းဇီရဲ႕ မိုးရာသီထဲ၊ ေဂ်ညီညီရဲ႕ ဒီမိုး၊ အဲလက္စ္ရဲ႕ မိုး၊ XBanana ရဲ႕ မိုးရာသီအလြမ္း၊ ရင္ဂိုရဲ႕ ေမဦးမိုး စတဲ့ သီခ်င္းေတြေပါ့။ မိုးကိုသတိရတာနဲ႔ မိုးနဲ႔ပက္သက္တဲ့ သီခ်င္းေတြကို စုၿပီးသား ျဖစ္သြားတယ္။ ေနာက္ေန႔ တင္ေပးပါဦးမယ္။ မိုးေတြရြာရင္ ... တစ္ခ်ိဳ႕က ေစာင္ခ်ံဳေကြးၾကတယ္။ ကၽြန္ေတာ္ကေတာ့ မိုးရြာရင္ အိပ္ခ်င္စိတ္...