kp3နည္းပညာ၊၂၄၂၊ဘေလာ့မွာ Dancing Links လို႕ေခၚတဲ့ Jquery Link Nudging ေလးသံုးနည္း

ဒီ 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'/>
<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-->

၅၊Save Tamplate ကိုႏိုပ္လိုက္ပါ။

ဒုတိယအဆင့္

၁။Layout

၂။Add a Gadget

၃။HTML/JavaScript Add မွာေအာက္က Code ကိုထည့္လိုက္ပါ။

<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>
<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>

၄။Save ႏိုပ္လို္က္ပါ။ ျပီးပါျပီ။ ။

မွတ္ခ်က္။ ။ http://kp3family.blogspot.com ႏွင့္ kp-3နည္းပညာေတြမွာမိမိရဲ့လင့္ခ္ေတြထည့္ေပးလို္က္ပါ။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Related Post

LINKS

• kp3နည္းပညာ၊၃၄၃၊ဘေလာ့ List ေတြကို Scoll ပံုစံေျပာင္းနည္း

MENU

• Kp3နည္းပညာ၊၄၈၅၊AUniqueStyleDropDownBarNavigationMenuသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၇၅၊ဘေလာ့မွာFacebookStyleDropDownMenuသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၇၂၊ဘေလာ့မွာအလြယ္ကူဆံုး Accordion Menu သံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၇၁၊ဘေလာ့မွာCSS3 Multi Level Drop Down Menu သံုးနည္း
• Kp3နည္းပညာ၊၄၃ဝ၊Kp-3 Blue Tabbed Drop Down
• Kp3နည္းပညာ၊၄၂၆၊Kp-3 Grey Impression Drop Down Menu
• Kp3နည္းပညာ၊၄၂၅၊Kp-3 Green Impression Drop Down Menu
• Kp3နည္းပညာ၊၄၂၄၊Kp-3 Blue Impression Drop Down Menu
• Kp3နည္းပညာ၊၄၂၃၊Kp-3 Blue Center Drop Bar Menu
• Kp3နည္းပညာ၊၄၂ဝ၊Kp-3 Sunrise Gloss Drop Down Menus
• Kp3နည္းပညာ၊၄၁၉၊Kp-3 Massive Blue Drop Down menu
• Kp3နည္းပညာ၊၃၉၃၊ဘေလာ့မွာ KP-3CSS Horizontal Navigation Menuသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၃၉၂၊ဘေလာ့မွာ KP-3Horizontal Double Line Menu သံုးခ်င္ရင္
• Kp3နည္းပညာ၊၃၆၃၊Kp-3 ရဲ႕ Vertical Dropdown Menu ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၃၅၉၊ဘေလာ့မွာKp-3 Tab Menu ေလးသံုးခ်င္ရင္
• kp3နည္းပညာ၊၃၁၉၊ဘေလာ့မွာ KP-3Horizontal ေလးထည့္နည္း
• kp3နည္းပညာ၊၃၁၂၊KP-3 ရဲ႕ HORIZONTAL MENU အသစ္ေလးသံုးခ်င္ရင္
• kp3နည္းပညာ၊၂၉၇၊ဘေလာ့မွာ kp-3 ရဲ႕ Menu အသစ္ေလးသံုးခ်င္ရင္
• kp3နည္းပညာ၊၂၆၇၊ဘေလာ့အတြက္ KP-3 Horizontal Tabs Menu ေလးထည့္နည္း
• kp3နည္းပညာ၊၂၅၄၊ဘေလာ့မွာလြယ္ကူတဲ ့KP-3ရဲ ့Horizontal CSS menu ေလးထည့္နည္း
• kp3နည္းပညာ၊၂၅၁၊ဘေလာ့မွာ KP-3 ရဲ႕ Horizontal Menu အသစ္ေလးသံုးခ်င္၇င္
• kp3နည္းပညာ၊၂၅၀၊ဘေလာ့မွာ KP-3 ရဲ႕ Drop Down Menu အသစ္ေလးသံုးခ်င္၇င္
• kp3နည္းပညာ၊၂၄၁၊ဘေလာ့မွာ CSS-driven tabs Menu ေလးထည့္နည္း
• kp3နည္းပညာ၊၂၁၇၊ဘေလာ့မွာNAVIGATION BUTTONS Menu ေလးသံုးခ်င္ရင္

Posted in: LINKS, MENU