9 Feb 2007

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')">

6 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

Thanks for your comment.