Navigation လွလွေလး ဖန္တီးၾကရေအာင္ (Part 2)
Project Name: Dynamic Meun System
Project Detail: လက္ရွိ Project ကေတာ့ Mega Menu System တစ္ခု တည္ေစာက္ သြားမယ့္ Project ပါျဖစ္ပါ တယ္။ Mega Menu System ဆိုတာကေတာ့ သက္ဆိုင္ရာ List item ကိုႏွိပ္လိုက္လွ်င္ သူႏွင့္ပါတ္သက္တဲ့ အခ်က္ အလက္ ေတြပါ၀င္တဲ့ Drop-Down menu တစ္ခုက် လာပါမယ္။ ၎ Drop-menu ဟာ သာမန္ menu မဟုတ္ဘဲ အခ်က္အလက္မ်ားစြာသိုေလွာင္ထားတဲ့ Menu အႀကီးစား ျဖစ္ပါတယ္။
Learning Time: 30 မိနစ္။
Used Languages: HTML, HTML 5, CSS, CSS3.
Remark: ဒီ Project မွာ အပိုင္း (၄) ပိုင္းခြဲၿပီး တင္ျပမွာျဖစ္ပါတယ္၊ ဒီသင္ခန္းစာကို ေလ့လာျခင္း အားျဖင့္ လွပတဲ့ Mega menu system ကို အသံုးခ်တတ္သြားမွာျဖစ္ပါတယ္။ ဒီ Project ၿပီးဆံုးသြားလွ်င္ File size အေသးဆံုးျဖစ္ေအာင္ခ်ံဳ႕ထားေသာ Video သင္ခန္းစာအျပင္၊ Andorid Phone မ်ားတြင္ Offline ၾကည့္ရႈႏိုင္ေသာ APK File အျဖစ္ပါ BMLLL လိုင္စင္ ႏွင့္ အခမဲ့ မွ်ေ၀ေပးမွာျဖစ္ပါတယ္ ခင္ဗ်ာ။
ယေန႔ Navigation သင္ခန္းစာမွာ ဆက္လက္ လုပ္ေဆာင္သြားမယ့္ အခ်က္မ်ားကေတာ့ ....
နံပါတ္ (၁) HTML file မွ <a> </a> tags မ်ား အတြင္းက Home ဆိုတဲ့စာသားမ်ားကို တျခား နာမည္ အသီးသီးေျပာင္း လိုက္ပါမယ္။
နံပါတ္ (၂) List Items မ်ားေပၚမွာ Mouse တင္လိုက္လွ်င္ တျခားအေရာင္ တစ္ခုကို ညာဘက္ အေပၚေဒါင့္ကေန ျဖည္းျဖည္းခ်င္းေပၚထြက္လာေစၿပီး၊ Mouse လႊတ္လိုက္ခ်ိန္တြင္လဲ ျဖည္းျဖည္းခ်င္းပဲ ျပန္ေပ်ာက္သြားေစမွာပါ၊
နံပါတ္ (၃) အေနျဖင့္ နံပါတ္ (၁) မွာတုန္းက ေျပာင္းခဲ့တဲ့ စာလံုးေတြကို Mouse တင္လိုက္ခ်ိန္မွာ တျဖည္းျဖည္းနဲ႔ တျခားအေရာင္ကို ေျပာင္းလဲေစၿပီး၊ Mouse ျပန္လႊတ္လိုက္ခ်ိန္မွာလဲ မူလအေရာင္သို႕ တျဖည္းျဖည္း ျပန္ေျပာင္းသြားမွာျဖစ္ပါတယ္။
ဒီသင္ခန္းစာကို ပံုႏွင့္တကြ ေသခ်ာေလ့လာဖို႔ ေအာက္မွာေပးထားတဲ့ Pdf file ကို ေဒါင္းလုပ္ဆြဲၾကည့္ဖို႔ တိုက္တြန္းပါရေစ။
Download Pdf file>>> http://www.mediafire.com/download/rr4gewqum9zpqj4/mega_menu_part2.pdf
ဒီသင္ခန္းစာအတြက္ လက္ေတြ႕ေရးထားတဲ့ code မ်ားကို ရယူလိုလွ်င္ျဖင့္ ေအာက္ပါလင့္မွာ Download ဆြဲၿပီး ရယူႏိုင္ပါတယ္ခင္ဗ်ာ။
Download Code file>>> http://www.mediafire.com/download/968toedfxobj6qe/mega+menu+part2+code+file.rar
ref;Brighter Myanmar
brightermyanmar@gmail.com
--------------------------------------
ကိုမ်ဳိး(lwanmapyay.blogspot.com) လြမ္းမေျပ သုတရပ္၀န္း | Facebook