CSS ကိုနှင့် JavaScript ကိုအတူစာသားသို့မဟုတ်ပုံများပြရန်နှင့် Hide

သင့်ရဲ့ကွန်ရက်စာမျက်နှာတွေပေါ်မှာတစ်လျှောက်လွှာပုံစံအတှေ့အကွုံ Create

dynamic က HTML (DHTML) ခုလုံးကိုစာမကျြနှာအပြည့်အဝတင်ဖြစ်ဖို့ရှိသည်သောကြိမ်နှုန်းကိုလျှော့ချ, သင်သည်သင်၏ကွန်ရက်စာမျက်နှာတွေပေါ်မှာတစ်လျှောက်လွှာပုံစံအတှေ့အကွုံကိုဖန်တီးရန်ခွင့်ပြုပါတယ်။ သငျသညျအရာတစ်ခုခုပေါ်တွင်ကလစ်တဲ့အခါမှာပလီကေးရှင်း, လျှောက်လွှာချက်ချင်းကြောင့်တိကျတဲ့အကြောင်းအရာပြသရန်သို့မဟုတ်သင့်အဖြေအားဖြင့်သင်တို့ကိုပေးပြောင်းလဲစေပါသည်။

ဆနျ့ကငျြ, ကွန်ရက်စာမျက်နှာတွေပုံမှန်အားပြန်တင်ခံရဖို့ရှိသည်, ဒါမှမဟုတ်တစ်ခုတစ်ခုလုံးကိုအသစ်ကစာမျက်နှာ loaded ခံရဖို့ရှိပါတယ်။ ဒါဟာအသုံးပြုသူအတွေ့အကြုံကိုပိုပြီး disjointed စေနိုင်သည်။ သင့်ရဲ့ဖောက်သည်ဒါပေါ်မှာ load ပြီးတော့ load မှဒုတိယစာမျက်နှာပြန်စောင့်ဆိုင်းရန်ပထမဦးဆုံးစာမျက်နှာကိုမြော်လင့်ခြင်းနှင့်ရန်ရှိသည်။

အသုံးပြုခြင်း & lt; div & GT; Viewer ကိုအတွေ့အကြုံပိုမိုကောင်းမွန်စေမမှ

DHTML, ဒီအတွေ့အကြုံကိုတိုးတက်စေရန်အလွယ်ကူဆုံးနည်းလမ်းတွေထဲကတစ်ခုအသုံးပြုခြင်းကြောင့်မေတ္တာရပ်ခံသောအခါ div element တွေပေါ်နှင့် display ကိုအကြောင်းအရာချွတ် toggle ရှိသည်ဖို့ဖြစ်ပါတယ်။ တစ်ဦးက div element ကသင့်ရဲ့ကွန်ရက်စာမျက်နှာပေါ်ယုတ္တိကွဲပြားခြင်းသတ်မှတ်ပါတယ်။ အပိုဒ်, ခေါင်းစဉ်, link ပုံများ, ပင်သည်အခြား divs ဆံ့စေခြင်းငှါတစ်သေတ္တာအဖြစ် div ၏စဉ်းစားပါ။

အဘယ်အရာကိုသင်က & # 39; ll လိုအပ်နေသောူပည်သူ

အပေါ်နဲ့ off toggled ခံရနိုငျသော div ဖန်တီးနိုင်ရန်အတွက်, သင်အောက်ပါလိုအပ်:

ထိန်းချုပ်မှု Link ကို

ထိန်းချုပ်မှု link ကိုအလွယ်ကူဆုံးအစိတ်အပိုင်းတစ်ခုဖြစ်ပါတယ်။ သင်သည်အခြားစာမျက်နှာမယ်လို့တူသောရိုးရှင်းစွာအ link တစ်ခုဖန်တီးပါ။ ယခုအဘို့, href attribute ကိုအလွတ်ထားခဲ့ပါ။

HTML ကို Learn

သင့်ရဲ့ဝက်ဘ်စာမျက်နှာပေါ်မှာဤဘယ်နေရာမှာမဆိုထားပါ။

အဆိုပါ Div ပြရန်နှင့် Hide ရန်

သင်ပြခြင်းနှင့်ဖုံးကွယ်ချင်သော div element ကိုဖန်တီးပါ။ သင့်ရဲ့ div ပေါ်မှာထူးခြားတဲ့အိုင်ဒီရှိကြောင်းသေချာအောင်လုပ်ပါ။ ဥပမာမှာထူးခြားတဲ့အိုင်ဒီကိုသင်ယူဖြစ်ပါတယ် HTML ကို

ဒါကအကြောင်းအရာကော်လံဖြစ်ပါတယ်။ ဒီရှင်းပြချက်စာသားကို မှလွဲ. အလွတ်ထွက်စတင်သည်။ သင်ဘယ်ဖက်အပေါ်အညွှန်းကော်လံအတွက်သင်ယူဖို့လိုချင်တာတွေကိုရွေးချယ်ပါ။ စာသားအောက်တွင်ပေါ်လာပါလိမ့်မယ်:

HTML ကို
  • <တစ် href = "http://webdesign.lifewire.com/c/ Learn EC / 9.htm "> အခမဲ့ HTML ကိုအတန်းအစား
  • က HTML သင်ခန်းစာ
  • XHTML ကဘာလဲ?

    အဆိုပါ Div ပြရန်နှင့် Hide ဖို့ CSS ကို

    သင့်ရဲ့ CSS ကိုနှစ်ခုအတန်း Create: ကပြသနိုင်ရန် div နှင့်အခြားဖျောက်ရန်တဦးတည်း။ display နှင့်မြင်ကွင်း: သင်ဒီ options နှစ်ခုရှိသည်။

    display စာမျက်နှာစီးဆင်းမှုကနေ div ဖယ်ရှားပေးနှင့်မြင်သာရုံမြင်ရမယ့်ပုံကိုပြောင်းလဲစေပါသည်။ တချို့က coder တွေ display ကိုပိုနှစ်သက်ပေမယ့်တစ်ခါတစ်ရံတွင်မြင်သာလွန်းသဘာဝကျပါတယ်။ ဥပမာ:

    .hidden {display: none; } .unhidden {display: block ကို; }

    သငျသညျမြင်သာအသုံးပြုချင်လျှင်, ဤအတန်းကိုပြောင်းလဲ:

    .hidden {မြင်ကွင်း: ကိုဝှကျထား; } .unhidden {မြင်ကွင်း: မြင်နိုင်; }

    စာမကျြနှာပျေါမှာဝှက်ထားအဖြစ်ကစတင်သည်ဒါကြောင့်သင့်ရဲ့ div မှဝှက်ထားသောလူတန်းစား Add:

    class = "က hidden">

    ဒါဟာအလုပ် Make မှ JavaScript ကို

    ဤအမှုအလုံးစုံတို့ကိုဇာတ်ညွှန်းမသင့်ရဲ့ div အပေါ်သတ်မှတ်ထားလက်ရှိအတန်းအစားကိုကြည့်ကဝှက်ထားသို့မဟုတ်အပြန်အလှန်အဖြစ်မှတ်သားရဲ့လျှင် unhidden ကပြောင်းဖြစ်ပါတယ်။

    ဤသည် JavaScript ကိုသာအနည်းငယ်လိုင်းများဖြစ်ပါတယ်။ tag ကိုမရောက်မီ (သင့် HTML document ရဲ့ဦးခေါင်းအတွင်းကအောက်ပါ Place: