Pop-up windows rau ntau lub hom phiaj muaj ntau yam siv hauv kev tsim lub vev xaib. Lawv tuaj yeem siv los tsim ntau yam khoom noj, tso cov ntawv tshaj tawm thiab cov duab, cov ntawv taw qhia thaum sau cov ntawv nyuaj, thiab nws yooj yim los tso cov ntawv lawv tus kheej hauv cov qhov rai uas tsis siv qhov chaw ntawm nplooj ntawv. Hauv peb tsab xov xwm koj yuav pom cov lus piav qhia ntawm koj yuav ua li cas thiaj li ua qhov rais ntawd.
Nws yog qhov tsim nyog
Kev paub yooj yim ntawm HTML
Cov Lus Qhia
Kauj ruam 1
popup, html, zais txheej
Kauj ruam 2
Ntawm ntau nplooj ntawv ntawm lub vev xaib, koj tuaj yeem pom tias cov ntaub ntawv zoo nkauj ntawm ntau cov ntawv sau JavaScript (jQuery, MooTools, Prototype, thiab lwm yam) tau siv los tsim cov pop-up windows hauv cov nplooj ntawv. Txawm li cas los xij, qhov tseeb, lawv tsis tsim nyog thaum daws cov teeb meem tshwj xeeb no. Cov cuab yeej muaj nyob hauv hypertext Markup Cov Lus (HTML) thiab Cascading Style Sheets (CSS) txaus los tsim cov pop-ups. Lub qhov rais tsim tau txoj kev no yuav ua haujlwm tsis hais seb JavaScript puas siv tau hauv tus qhua tus browser.
Txhua tus lej uas tsim cov neeg nyiam tuaj yeem muab tso rau ob kab. Thawj kab tsim ib qhov txuas uas yuav tsum tau nyem rau kom pom cov neeg tuaj yeem:
Nyem qhov no!
Ntawm no, onmouseover ntaus nqi ntawm qhov txuas txuas teev lub neej ntawd nas cursor hom rau txuas. Tus cwj pwm onclick qhia meej tias thaum qhov txuas tau nyem, nkag PopUp block yuav tsum pom.
Qhov kab thib ob yog, qhov tseeb, lub qhov rai pop-up. Txheej nrog PopUp tus cim thiab qhov loj me ntawm lub qhov rai, xim thiab loj ntawm cov ntawv, tom qab thiab ciam teb tau teev nyob rau hauv cov style ntaus cim:
Nov yog kab ntawv hauv popup
Nws tsis pom los ntawm lub neej ntawd - qhov no yog qhia los ntawm cov zaub xaiv nrog tus nqi tsis muaj nyob hauv txheej txheej piav qhia.
Qhov tseeb, qhov no yog txhua yam koj xav tau los tsim lub qhov rai pop-up - tso ob kab no ntawm qhov cim npe thiab koj nplooj ntawv thiab nws npaj mus.
Kauj ruam 3
Txhawm rau kom kaw qhov rais pop-up nyob rau hauv pem hauv ntej ntawm lub cim npe, koj yuav tsum ntxiv ib qhov txuas uas ua cov kev ua dhau los - zais qhov pom pom nrog PopUp tus cim:
kaw
Kauj ruam 4
Thiab yog tias koj xav kom lub qhov rais qhib tsis yog los ntawm nias, tab sis los ntawm hovering nas cursor, ces thawj kab nrog kab ntawv yuav tsum tau hloov kho nyob rau hauv txoj kev no:
txav tus nas dua no!
Kauj ruam 5
Tam sim no koj paub txog lub hauv paus ntsiab lus thiab cov qauv ntawm cov pop-up window code, thiab tus qauv tsim ntawm nws cov tsos thiab cov ntsiab lus tag nrho yog nyob ntawm koj lub hom phiaj thiab kev xav.
