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

မေရာက္တာၾကာၿပီ

ဘေလာ့လာၿပီး မေရးျဖစ္တာ ၂ ႏွစ္နီးပါးရွိသြားၿပီပဲ။ ေဖ့ဘုတ္ေတြေပၚလာၿပီးကတည္းက ဒီဘက္ကိုလွည့္မလာျဖစ္ဘူး။ ျပန္ေရးျဖစ္ေအာင္ လုပ္ရမယ္။ အဓိကကေတာ့ ကုိယ္စိတ္ဝင္စားတဲ့အေၾကာင္းအရာေတြကို ျပန္ၿပီးေရးခ်င္တယ္။ အဓိကကေတာ့ ဓာတ္ပံုႏွင့္ နည္းပညာသတင္းေတြကိုေပါ့။

eBook : သီေပါမင္းပါေတာ္မူ အေရးေတာ္ပံု - အမ်ိဳးသားပညာဝန္ ဦးဖိုးက်ား

Download
သီေပါမင္းပါေတာ္မမူမီႏွင့္ ပါေတာ္မူၿပီးခါစ ႏုိင္ငံအေျခအေန ... ပါေတာ္မူရျခင္း အေၾကာင္းအရင္းတို႔ကို ႏုိင္ငံျခားသားတို႔က မဟုတ္မမွန္ ေဖာ္ျပေရးသားထားမွဳမ်ားအား အမ်ိဳးသားပညာဝန္ ဦးဖိုးက်ားက တံု႔ျပန္ေခ်ပထားေသာ စာအုပ္

Buddhapadipa Temple

Camera: Nikon D7000 | 35mm, F8 @ 1/200s, ISO 200 Software : Adobe Lightroom, Photoshop © Chan Mya Soe