ဒီ Post ေလးကလည္းသံုးတဲ့သူေတြရွိေပမယ့္အရမ္းကိုနည္းပါေသးတယ္လို႕ေျပာရင္ရမယ္ထင္ပါတယ္၊ Jquery Link Nudging လင့္ခ္ေတြ Mouse နဲ႕ေထာက္လိုက္ရင္လင့္ခ္ေလးေတြကေရြ့ေနတယ္ဒါေၾကာင့္
Dancing Links လို႕ေခၚပါတယ္။ကေနတဲ့အတိုင္းဆိုေတာ့က်ေနာ္ေအာက္မွာသြားၾကည့္လို့ရေအာင္လည္း DEMO လင့္ခ္ေလးပါျပထားေပးပါတယ္။
ဒီမွာသြားၾကည့္လို့လည္းရပါတယ္။
ပထမအဆင့္
၁။Layout
၂။Edit HTML
၃။ေအာက္က Code ကိုရွာပါ။
</head>၄။ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္က Code ေလးထည့္လိုက္ပါ။
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>၅၊Save Tamplate ကိုႏိုပ္လိုက္ပါ။
<script type='text/javascript'>
$(document).ready(function() {
$('a.nudge').hover(function() { //mouse in
$(this).animate({ paddingLeft: '20px' },400);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);
});
});
</script>
<!--DANCING-NUDGE-LINKS-STOPS-http://kp3family.blogspot.com-->
ဒုတိယအဆင့္
၁။Layout
၂။Add a Gadget
၃။HTML/JavaScript Add မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
<li><a href="http://kp3family.blogspot.com" class="nudge">kp-3နည္းပညာ</a><li>၄။Save ႏိုပ္လို္က္ပါ။ ျပီးပါျပီ။ ။
<a href="http://kp3family.blogspot.com" class="nudge">kp-3နည္းပညာ</a><li>
<a href="http://kp3family.blogspot.com" class="nudge">kp-3နည္းပညာ</a><li>
<a href="http://kp3family.blogspot.com" class="nudge">kp-3နည္းပညာ</a><li>
<a href="http://kp3family.blogspot.com" class="nudge">kp-3နည္းပညာ</a><li>
<a href="http://kp3family.blogspot.com" class="nudge">kp-3နည္းပညာ</a><li>
<a href="http://kp3family.blogspot.com" class="nudge">kp-3နည္းပညာ</a><li>
<a href="http://kp3family.blogspot.com" class="nudge">kp-3နည္းပညာ</a><li>
<a href="http://kp3family.blogspot.com" class="nudge">kp-3နည္းပညာ</a></li></li></li></li></li></li></li></li></li>
မွတ္ခ်က္။ ။ http://kp3family.blogspot.com ႏွင့္ kp-3နည္းပညာေတြမွာမိမိရဲ့လင့္ခ္ေတြထည့္ေပးလို္က္ပါ။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု
1 comments:
http://kp3family.blogspot.com ႏွင့္ kp-3နည္းပညာေတြမွာမိမိရဲ့လင့္ခ္ေတြထည့္ေပးလို္က္ပါ။
ဆိုတာဘာကိုေၿပာတာလဲခင္ဗ်....။
လိုက္လုပ္ႀကည္.ပါတယ္။ မရလိုပါ။ နားမလည္လို. ရွင္းၿပေပးပါဦး..။
Post a Comment