April 25, 2012

Jquery Style Show "Hidden Text" for Blog




အရင္ဆံုး Template - Edit HTML ကိုသြားၿပီး </head> အေပၚမွာ ေအာက္က code ေတြကို ထည့္ေပးပါ။


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
  $("pre").hide();
  $("input").click(function(){
    $(this).fadeIn(1000);
    $("pre").fadeIn(1000).show();
  });
});
</script>


တကယ္လို႔ template မွာ jquery script သံုးၿပီးရွိတယ္ဆိုရင္ အနီနဲ႔ ျပထားတဲ့ စာေၾကာင္းကိုခ်န္ခဲ့ပါ။

အသံုးျပဳပံုကေတာ့ ေအာက္မွာ ျပထားပါတယ္။
<input name="fadein" type="button" value="YOUR BUTTON NAME" />
<pre>
YOUR TEXT HERE TO HIDE
</pre>


မွတ္ခ်က္မရွိေသးပါ...

 
©2013 by Way To Professional | Blogger Help