ကွန်ပျူတာများ, ဆော့ဖျဝဲ
Tooltip: လုပ်ဆောင်ချက်များကိုနှင့်မည်သို့ဖန်တီးရန်
TT အခါ pointer ကိုဖြစ်ပေါ်စေတဲ့စာသားမက်ဆေ့ခ်ျဖြစ်ပါတယ် ကွန်ပျူတာ mouse ကို မည်သည့်ထိန်းချုပ်မှုရန်။ ဤရွေ့ကားမက်ဆေ့ခ်ျများမကြာခဏစသည်တို့ကိုသည်အတိုကောက်နှင့်အတူစာရွက်စာတမ်းများကိုဖတ်ရှု, ပုံစံလယ်ကွင်းများ၏အဆာကာလအတွင်းအမျိုးမျိုးသောအင်တာနက်ကိုအရင်းအမြစ်များအပေါ်တွေ့ရှိနိုင်ပါသည် အတူထိုကဲ့သို့သောအကြံပေးချက်များကိုလည်းအီလက်ထရောနစ် form မှာတင်သွင်းစာရွက်စာတမ်းများနှင့်အစီရင်ခံစာများပြီးပါကအတွက်အမျိုးမျိုးသောအဖွဲ့အစည်းများအဖွဲ့ဝင်များကြုံတွေ့ရ။ Tooltip တဦးတည်းရည်ရွယ်ချက်နှင့်အတူဖန်တီးကြသည် - နောက်ထပ်သတင်းအချက်အလက်ပေးသူလုပ်ဖို့ရှိပါတယ်ဘယ်အရာကိုထွက်ရှာတွေ့မှအသုံးပြုသူအထောက်အကူပြုရန်။ သူတို့ကိုပြုလုပ်ခြင်းပစ္စည်းထားရှိပါလိမ့်မည်ဘယ်မှာပေါ် မူတည်. ကွဲပြားခြားနားသည်။
ပထမဦးစွာမကြာခဏဇယားများနှင့်ဂရပ်များအမျိုးမျိုးသုံးပြီးခွဲခြမ်းစိတ်ဖြာလှုပ်ရှားမှုများ၏လယ်ပြင်တွင်ညွန်ပြဖန်တီးဖို့ဘယ်လိုထွက်တွက်ဆကြိုးစားပါ။
ဥပမာစားပွဲအတွက် Tooltip ဖန်တီး:
- တစ်ဦးတည်းဖြတ် mode ကိုသို့မဟုတ်ဖှံ့ဖွိုးတိုးတ mode မှာစာရွက်စာတမ်းများဖွင့်လှစ်ရန်,
- (ဒီပုံတစ်ပုံ, စာသား box ကိုစတုဂံရှိနိုင်ပါသည်) ကအသစ်ထိန်းချုပ်မှုဒြပ်စင်ပေါင်းထည့်;
- အမည်တူနှင့်အတူပြတင်းပေါက်ထို့နောက် "Properties ကိုနှင့်ဖောမတ်ချ" ကိုရွေးချယ်ပြီးတော့, ဤထိန်းချုပ်မှုဒြပ်စင်ပေါ်တွင်နှိပ်ပါ right-click လုပ်ပြီးကွန်ပျူတာ, pop-up စာရင်းကို select;
- ကို pop အတွက်ထို့နောက် "Tooltip" သင်ကပေါ်လာလိမ့်မည်စာသားကိုဖို့ကျွန်တော်တို့ကိုလိုခငျြစုဆောင်း, လက်ဝဲအပေါ် option ကို "အထွေထွေ" ကိုရွေးချယ်;
- စာရွက်စာတမ်းတည်းဖြတ်ပြီးစီးမှ 'OK' ကိုကလစ်နှိပ်ပါ။
အတော်လေးကွဲပြားခြားနားသောဝဘ်စာမျက်နှာများပေါ်တွင်အသုံးပြုကြသည်သောအကြံပေးချက်များနှင့်အတူအမှုဖြစ်ပါတယ်။ သူတို့ကိုစည်းကမ်းအဖြစ် Web-developer များ, မည်သည့်ခေတ်သစ် web browser ကိုအားဖြင့်နားလည်သဘောပေါက်ဘာသာစကားများအတွက်၎င်း၏ layout ကိုပြောင်းလဲအသုံးပြုပုံကြောင့်ဖြစ်ပါသည်, ထို site layout ကိုအတွက်စေ့စပ်သောသူတို့အတွက်စေ့စပ်ပြုလုပ်ခြင်း။ ဤအရည်ရွယ်ချက်များကိုမကြာခဏအထူးစာကြည့်တိုက် jQuery ကိုသုံးပါသည်သုံးပြီး Tooltip လျင်မြန်စွာဖန်တီးနိုင်ပါတယ်။ မြန်မြန်ဆန်ဆန်နဲ့အလွယ်တကူအဓိက html-စာရွက်စာတမ်းစာမျက်နှာနဲ့ချိတ်ဆက်နေတဲ့သီးခြားစာရွက်စာတမ်းအဖြစ်စာကြည့်တိုက်။ ဒီဇိုင်းအကြံပေးချက်များဒီဇိုင်နာပေါ် မူတည်. အသုံးပြုသူရဲ့ screen ပေါ်မှာပေါ်ထွန်း၏အရွယ်အစား, အရောင်, လမ်းအမျိုးမျိုးကွဲပြားနိုင်သည်။ မကြာခဏဆိုအဓိက portal (ကျန်းမာရေး, ဆောက်လုပ်ရေး) မှဧည့်သည်များများ၏အာရုံကိုဆွဲဆောင်ဖို့အသုံးပြုစံ Tooltip နှင့်သူ၏စာသားကိုအတွင်း၌တည်ရှိသောသေးငယ်တဲ့ပြတင်းပေါက်ဖြစ်ပါတယ်။
တစ်ဦး Tooltip Create တစ်ချိန်တည်း jQuery စာကြည့်တိုက်မှာမပါဘဲတန်းဒေသတွေစတိုင်စာရွက်များ (css) ကို အသုံးပြု. ဖြစ်နိုင်ပါတယ်။ css ပြင်ပ၏တရားဝင်ဘာသာစကားဖော်ပြချက်ဖြစ်ပါသည် စာရွက်စာတမ်းများ၏ရုပ်ဆင်းသဏ္ဌာန်။ site ကိုစာမကျြနှာ၏အကူအညီဖြင့်မူလကဒီဇိုင်နာများကပဋိသန္ဓေယူသောပုံစံကိုယူပါ။ Cascading Style Sheet များ, သင်သည်ထို site ၏အပြင်အဆင်နှင့်အညီထိုအ element တွေကိုဆွဲရန်သူတို့ကိုဖုံးကွယ်ရန်နှင့်လိုအပ်သကဲ့သို့မိမိအသှငျအပွငျသေချာစေရန် browser ကိုပြတင်းပေါက်များနှင့်အခြားဒြပ်စင်ဖို့စာမျက်နှာပေါ်တွင်မဆိုဒြပ်စင်၏အသွင်အပြင်၎င်း၏အနေအထားကိုဆွေမျိုးကိုပြောင်းလဲခွင့်ပြုပါ။ css စာရွက်စာတမ်း, များသောအားဖြင့်အဓိကစာရွက်စာတမ်း site ကိုပြင်ပမှာပို့ဆောင်ခြင်းနှင့်အထူး tag ကိုသုံးပြီးကချိတ်ဆက်ပါ။
Tooltip: jQuery သို့မဟုတ် css?
css ကို အသုံးပြု. သိကောင်းစရာများ, ဒီဇိုင်းများစွာသောမူရင်းကွဲပြားနိုင်သည်။ တစ်ချိန်တည်းမှာပင်, စာကြည့်တိုက်၏အသုံးပြုမှုကို jQuery သငျသညျအထူးသက်ရောက်မှုဒြပ်စင်လျှောက်ထားပေးနိုင်ပါတယ်။ မကြိုးစားလုပ်ငန်းစဉ်နှင့်အချိန်အများကြီးမလိုအပ်ပါဘူး - ထို့အပြင်စာကြည့်တိုက်ကိုဆက်သွယ်ထားသော။ ဘယ်ဝဘ်စာမျက်နှာပေါ်တွင်တစ်ဦး Tooltip ကိုဖန်တီးရန်လမ်းစီအထူးကုမိမိအဘို့ဆုံးဖြတ်ခဲ့ကြသည်။ ထို့အပြင်ဤ site ၏ပုံမှန်အသုံးပြုသူတစ်ဦးစိုးမိုးရေးအဖြစ်၎င်း၏အစိတ်အပိုင်းများကိုဖန်တီးခဲ့ကြပုံကိုအတိအကျကိုစဉ်းစားမထားဘူး။ သင်ရုံအနည်းငယ်ပြီးသားကိုတီထွင်ထားပြီးအဘယ်အရာကိုတိုးတက်စေနိုင်ပါတယ်အခါ jQuery စာကြည့်တိုက်အသုံးပြုခြင်း၏အားသာချက်များ၏စကားပြောသော, အဘယျကွောငျ့အသစ်တဖန်ပြန်လည်?
Similar articles
Trending Now