Followers

အီးေမးလ္မွာဖတ္ခ်င္ရင္အေပၚမွာ Sign In (Menber)ဝင္ၾကပါလို႕ေတာင္းဆိုပါရေစ။ခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

kp3နည္းပညာ၊၁၅ဝ၊မိမိရဲ႕ဘေလာ့က NavBar ကို Show/Hide ပံုစံနဲ႕လုပ္ခ်င္ရင္

ဒါေလးကေတာ့သူမ်ားေတြလုပ္တာႏွင့္မတူေအာင္လုပ္ခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ၊
NavBar ကို ဖြင့္/ပိတ္ လုပ္တဲ့နည္းေလးပါ၊တစ္ခ်က္ေလးႏိုပ္ရက္ NavBar ကေပၚတယ္ေနာက္တစ္ခ်က္
ျပန္ႏိုပ္လိုက္ရင္ေပ်ာက္သြားတယ္၊အားလံုးသြားၾကည့္လို႕ရေအာင္ DEMO လင့္ခ္ေပးထားပါတယ္၊
Code ကေတာ့အရမ္းကိုရွင္းပါတယ္၊WIDGET မွာထည့္လိုက္ရင္ျပီးပါျပီ။




<script type="text/javascript">
var showHeader=false;
function ShowHideNav()
{
showHeader=!showHeader;
var nav=document.getElementById("navbar-iframe");
if (showHeader)
{
nav.style.visibility="visible";
nav.style.display="block";
}
else
{
nav.style.visibility="hidden";
nav.style.display="none";
}
}
</script>
<style type="text/css">
#navbar-iframe {
visibility: hidden;
display: none;
}
</style>


<span style="cursor:pointer; font-weight:normal; " onclick="ShowHideNav();">
NavBar ဖြင့္/ပိတ္ 
<a style="visibility:hidden;" href="#"></a>
</span>


DEMO

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

Related Post

Reactions:

0 comments:

Post a Comment

မွတ္ခ်က္မ်ားကို စိစစ္ၿပီးမွ ေဖာ္ျပေပးမည္ ျဖစ္ပါသျဖင့္ ဤစာမ်က္ႏွာေပၚမွာ ခ်က္ခ်င္း ျမင္ရမည္မဟုတ္ပါ။ မၾကာခင္ ေနာက္တခါ ျပန္လာၿပီး မိမိ၏ မွတ္ခ်က္ကို ျပန္ၾကည့္ပါရန္ ေမတၲာရပ္ခံပါသည္။