Animated label

ဘေလာ့ label ကို အလွဆင္နည္းေလးပါ။Label အေပၚမွာ mouse cursor တင္လိုက္ရင္ လႈပ္ေအာင္လုပ္ေပးပါတယ္။
အျမင္ဆန္းတာေပါ့။



ႏွစ္သက္မယ္ဆိုရင္ အသံုးျပဳနည္းက လြယ္ပါတယ္။ေအာက္က code ေတြကို ကူးၿပီး </head> အေပၚမွာထည့္ေပးလိုက္ပါ။

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script>

တကယ္လို႔ သင့္ template မွာ jquery script သံုးၿပီးသားဆိုရင္ ေအာက္က code ကို ဖ်က္ေပးႏိုင္ပါတယ္။

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>

---