jQuery Tutorials

jQuery slideshow ျပဳလုပ္နည္း – How to make a simple slideshow with jQuery

မဂၤလာပါ …

ဒီတစ္ေခါက္ေတာ့ seo service website (www.seo.sg) မွာ လုပ္ထားတဲ့ slide show လုိမ်ဳိး ပုံေတြ တစ္ပုံၿပီးတစ္ပုံ မွိန္ၿပီး ေပ်ာက္ေပ်ာက္သြားေအာင္ လုပ္တဲ့ သင္ခန္းစာကုိ သင္ပါမယ္။ ဒီသင္ခန္းစာကုိ မဖတ္ခင္ ေအာက္ကလင့္ခ္ေတြက post ေတြကုိ ဖတ္ၿပီး၊ လုိက္လုပ္ၾကည့္ဖူးမွ၊ ဒီသင္ခန္းစာကုိ နားလည္ပါမယ္။

1. What is jQuery? Explained detail.

2. jQuery .hide() function

3. jQuery .slideToggle() tutorials

4. jQuery if else applicable tutorial

ဒါေၾကာင့္ အရင္ဆုံးလုပ္ရမယ့္ အလုပ္က desktop ေပၚမွာ slideshow ဆုိတဲ့ နာမည္နဲ႔ folder တစ္ခုေဆာက္လိုက္ပါ။ ၿပီးရင္ အဲဒီ folder ထဲမွာ images ဆုိတဲ့ folder ကုိ ထပ္ေဆာက္လိုက္ပါ။ ေသခ်ာေအာင္ ေအာက္က ပုံကုိၾကည့္ပါ။

အပြည့်စုံဖတ်ရန်

jQuery if-else သင္ခန္းစာ – jQuery if else applicable tutorial

မဂၤလာပါ …
ကၽြန္ေတာ္ ဒီတစ္ေခါက္ ေရးမယ့္ နမူနာ ပုံစံကုိ demo မွာ သြားၾကည့္ပါ။ SEO Service website (www.seo.sg) က slider ကုိ သင္မယ္လို႔ ေျပာထားေပမယ့္ ရုတ္တရက္ႀကီး ျမင့္တက္သြားမွာစုိးလို႔၊ if else ေလး အရင္ သင္ၾကတာေပါ့။ ဒီေန႔ေတာ့ မေန႔က သင္ခန္းစာကုိ နည္းနည္းေလး ပုိေကာင္းသြားေအာင္၊ ပုိၿပီး သဘာဝက်သြားေအာင္ ကုဒ္ေလး နည္းနည္း ထပ္ျဖည့္ျပပါမယ္။ မေန႔က jQuery slideToggle Tutorial မွာ Button ကုိႏွိပ္လုိက္ရင္ေတာ့ box ကေတာ့ ေပၚလိုက္ ေပ်ာက္လုိက္ ျဖစ္ပါၿပီ။ ဒါေပမယ့္ Button ေပၚက စာက အေသပဲျဖစ္ေနပါတယ္။ အဲဒါကုိ ကၽြန္ေတာ္က ေျပာင္းခ်င္တာပါ။ ဘယ္လိုမ်ဳိးေျပာင္းခ်င္လဲဆုိေတာ့ –

– box မေပၚတဲ့ အေျခအေနမွာ button ေပၚက စာကုိ Show Box လို႔ ျဖစ္ေစခ်င္ၿပီးေတာ့
– box ေပၚေနတဲ့ အေျခအေနမွာ button ေပၚက စာကုိ Hide Box လုိ႔ ျဖစ္ေစခ်င္တာပါ။

if, else ကုိ အသုံးျပဳၿပီးေတာ့ ေရးမွာျဖစ္ပါတယ္။

အပြည့်စုံဖတ်ရန်

jQuery slideToggle သင္ခန္းစာ – jQuery .slideToggle() tutorials

မဂၤလာပါ..

ဒီတစ္ေခါက္ေတာ့ နည္းနည္းေလး ပုိခက္တဲ့ သင္ခန္းစာကုိ ဆက္သြားပါမယ္။ ဒီသင္ခန္းစာမဖတ္ခင္ အရင္က ေရးဖူးတဲ့

01. What is jQuery

02. jQuery .hide() function

ႏွစ္ခုကုိ ဖတ္ဖူးထားရပါမယ္။

ဒီတစ္ေခါက္သင္ခန္းစာမွာေတာ့ css ေလးလည္း နည္းနည္းပါပါမယ္။ ဒီေတာ့ ကၽြန္ေတာ္တုိ႔ coding စေရးရေအာင္ဗ်ာ။

အပြည့်စုံဖတ်ရန်

jQuery ျဖင့္ ေဖ်ာက္နည္း – jQuery .hide() function

မဂၤလာပါ..

ဒီေန႔ေတာ့ jQuery သင္ခန္းစာ၊ စသင္ပါေတာ့မယ္။ အရင္ what is jQuery post မွာေတာ့ jQuery အေၾကာင္း အေသးစိတ္ ရွင္းျပထားၿပီးေတာ့ jQuery ကုိ download လုပ္ပုံကုိလည္း ရွင္းျပထားပါတယ္။ Download မလုပ္ရေသးတဲ့ လူမ်ား download လုပ္ထားဖို႔ လိုပါမယ္။ Download လုပ္လို႔ ရလာတဲ့ file ကုိ jquery.js လို႔ နာမည္ေျပာင္းေပးလိုက္ပါ။ desktop ေပၚမွာ test ဆုိတဲ့ folder တစ္ခုေဆာက္ၿပီးေတာ့ jquery.js ကုိ အဲဒီ folder ထဲ ထည့္ထားပါ။ jQuery download လုပ္ၿပီးၿပီဆုိရင္ေတာ့ ကုဒ္ (code) စေရးပါေတာ့မယ္။ အရင္ website building tutorials ေတြမွာတုန္းကေတာ့ ကၽြန္ေတာ္သုံးတဲ့ code ေရးတဲ့ software (text editor) ကုိေတာ့ ေျပာျပထားပါတယ္။ ဒီသင္ခန္းစာမွာေတာ့ notepad++ ကုိ အသုံးျပဳၿပီး ရွင္းျပသြားမွာျဖစ္ပါတယ္။ notepad++ ကုိ ဖြင့္လိုက္ပါ၊ ၿပီးရင္ file>new ကုိ ေခၚလိုက္ပါ။ file အသစ္ထဲမွာ ေအာက္ပါအတုိင္း ေသခ်ာ ရုိက္ထည့္ပါ (ကူးမထည့္ပါနဲ႔)

အပြည့်စုံဖတ်ရန်

jQuery ဆုိတာဘာလဲ – What is jQuery? Explained detail.

jQuery ဆိုတာဘာလဲလို့ မေးလာခဲ့ရင် jQuery ဆိုတာ JavaScript framework တစ်ခုပဲလို့ ပြန်ဖြေရမှာ ဖြစ်ပါတယ်။ အဲဒီမှာ မေးစရာ ထပ်ရှိလာပါတယ်။ JavaScript ဆိုတာဘာလဲ? framework ဆိုတာဘာလဲ? ပေါ့

JavaScript

JavaScript ဆိုတာ website တွေမှာသုံးတဲ့ programming language တစ်ခုဖြစ်ပါတယ်။ JavaScript နဲ့လုပ်လို့ရတာတွေကတော့ အများကြီးပါပဲ။ Form validate လုပ်လို့ရမယ်။ Slider တွေ ရေးလို့ရမယ်။ သေးသေးကွေးကွေးကနေစပြီး အကြီးကြီးအထိ JavaScript နဲ့ ရေးလို့ရပါတယ်။

From valide ဆိုတာ မသိလို့ စမ်းကြည့်ချင်တယ်ဆိုရင်တော့

အပြည့်စုံဖတ်ရန်