JQuery модалдык терезе - Эгер керек жана кантип орнотуу эмне

Сиздин бул суроого жооп алыш үчүн, кээде ошол интернет долбоорго, айрыкча, анда, атап айтканда, мындай маселелерди өз алдынча бир сайтты түзүү боюнча чечим кабыл билген эмес, көп убакыт керек. Код модалдык терезе бул оор маселелердин бири болушу мүмкүн.

Интернет, бул терезелер көп тапса болот. Мунун баары андай жөнөкөй эмес, бир гана, Бирок ... көчүрүп, сайт, тегерекчелерди керек окшойт. ийгилик бар деп эле, баары тосулуп, анткени, анын ичинде ар кандай майда, ал эми бул билимдин кереги жок, анткени, маселени чечүү мүмкүн эмес. Ошондуктан, упайлар модалдык терезеден көптөгөн кызыктуу микросхемалардын боюнча, аткаруу комплекстүү аяттын туура, жакшы эч кандай кереги жок көйгөйсүз аз, өтө жөнөкөй модалдык терезени баштоо үчүн.

Сен бизге бир WordPress блог бар болсо, анда баары өтө жөнөкөй, бирок эч кандай кыйынчылык, адатта, ал буга чейин эле даяр чечимдер көп болуп туулат, - ар кандай поп-ин. Бирок, андан тышкары, ар түрдүү жолдору бар бири өз бир модалдык терезе "позасын" же акы төлөнүүчү кызмат адистерге кайрылып ээ. Силер билгендей төлөө, эч ким эле ядронун болушубуз керек экени көрүнөт, айрыкча, каалайт, баары абдан бат жана таптакыр бекер айланат.

Jquery модалдык терезе-беттеги маалымат менен бирге барат мазмунду жана көрсөтүү үчүн зарыл болгон, аны толуктап турат.

Код - бул эмне?

толугу менен упайлар бирөө, билген эмес болсо, түшүнүү үчүн - бир JavaScript китепкана бөлүмүн ачуу жана бул болсо, өз кезегинде, интернет-бет кодексине киргизилген кодекс көрүү дегенди билдирет жана HTML жана CSS алкагында ишке ашырылышы мүмкүн эмес ар кандай таасир жетүүгө мүмкүнчүлүк түзөт. Мындай коду бөлүгүнүн бир мисал боло алат датасы баракта көрсөтүлгөн же убакыт.

китепкана иштеп расмий сайты, улуулугун жана дайыма өзгөрүп турат, ошондуктан жаңы китепканаларын чалып, жаңы нускалары бар.

ал жазганды айкын болушу үчүн, тигил же бул таасир керек, CSS стилдер тили бар.

CSS тили

CSS "стилдердин каскад барактарды" дегенди билдирет. Интернет тилин колдонгон эмес, сайтты табуу үчүн азыр мүмкүн эмес.

Ошондуктан, модалдык терезелер жазганды жана CSS-жылы дээрлик зарыл жана орду толгус болуп саналат. Ошондуктан, упайлар байланышы жок болсо, анда ал эмне үчүн зарыл.

башчысы тегинин ичинде Бул үчүн төмөнкүлөр киргизилген:

модалдык терезе деген эмне?

Окшош упайлар модалдык терезе, сайтка жүктөлүп жатканда, ал абоненттеринин санын көбөйтүү үчүн пайдалуу болушу мүмкүн. барак ачылат Бир терезе пайда болот. Бул тоскоолдук эмес жана кимдир-бирөөнү коркуталы деген күмөн, кичинекей эле кыйынчылык учурунда тез жабык болот, анткени, ал жакын баскычы кукилерди болот, жана аны басып, эгерде модалдык терезе кайрадан калкып эч качан жоголуп кеткен.

чыкма терезе

Калкыма терезе Суроо боюнча, бир гана жолу беттеги көрсөтүлөт, ал модалдык терезелерди генеалогиялык бири болуп саналат.

Бул боюнча бир катар кадамдар жасоо керек ишке ашыруу.

Сиз модалдык терезелер үчүн атайын плагиндерди колдоно алат. Мисалы, arcticModal Бул, иштеп, аларды жүктөп алуу үчүн жакшы. мындайча туташуу:

стандарттуу-мындай болот биринин терезе жасалгалоо стили жок:

Кийинки, плагин Маркерлерди байланыш:

Бул жазылган HTML, колдонуучуга семиз маалымат:

коду класс arctimonial-жабуу көрсөтүлгөн, аны менен Код модалдык терезе жабылат дегенди билдирет.

Кийинки акыркы жазуусу келет:

колдонулган көрсөткүчтөрдүн кээ бирлери төмөнкүдөй:

closeOnOverClick: Сиз катмар чыкылдатканда терезе жабык экендигин аныктайт.

CloseOn Esc: ESC басуу дегенди билдирет.

Мөөнөтү: куки сакталып турган учурунда убактысын белгилейт. Сунушталган дэнгээлинде да, бул жолу башкача айтканда, терезе, эки айдын ичинде көрсөтүлө турган эмес, алтымыш күн болот. куки сиз барган сайын берилип турат.

зарыл болсо, сиздин сайт Код модалдык терезенин коюуга үйрөнүү менен, өнүккөн жолдору жөнүндө сөз кылууга болот. Бул үчүн, CSS стилдердин ар түрдүү кошуп, терезе модалдык терезе башка сайттардан да такыр башка болот.

чечимдер олуттуу абоненттеринин санын көбөйтүү менен ойдон чыгарылган жана элестетүү жардам берет, ошондой эле интернет-дүкөндөр чебердик менен модалдык терезелери кыстарылган кыйла көлөмүн көбөйтө алат. Ошондуктан, программалоо жана терезелерди орнотуу боюнча сарпталган убакыт, актоо жана төлөп шектенбесек болот!

модалдык терезенин түрлөрү

Модалдык терезелер тиешелүү кнопкасын басканда калкыма же беттеги менен артып, иштеп баштаганда дароо эле пайда болот. Алар жогоруда мисалда көрсөтүлгөндөй, бир күкүм, белгиленген болсо, мындан ары бир убакыт ичинде пайда жабыларда болот, ал эми бет жүктөлгөн ар бир көрүнүшү мүмкүн. бир жерде туруктуу модалдык терезе болуп саналат, ал эми беттеги кыймылынын карабастан, бойдон калууда, терезеден ичиндеги байланыш менен маалыматтарды камтыса, динамикалык боло алат, жана ал колдонуучуга өткөн жок. Ошондо гана терезеси беттеги алмашкыс абалда калган менен толукталып турат.