Pojavno okno jQuery, splošne informacije o ustvarjanju

Pop-up okna so en način za privabljanje uporabnikov na spletno mesto. Seveda to ne daje 100-odstotnega zagotovila za povečanje števila obiskovalcev, a še vedno pritegne pozornost na informacije za nekaj časa.

Ustvari popup jquery ni lahka naloga, vendar je to mogoče storiti po želji. In vendar, preden začnete ustvarjati takšno delo, morate vizualizirati, kaj je in kako izgleda.

Stran spletnega mesta je ustvarjena z uporabo jezika HTML. Na njem je v vrstnem redu, ki ga ima lastnik virov, postavljene gumbe. Lahko so več kosov (od enega do ...), po presoji ustvarjalca. S klikom na tak gumb bo obiskovalec videl pop-up okno jQuery. Vsebina teh je lahko povsem drugačna, na primer privlačna slika ali nova oblika registracije, oglaševanja, komuniciranja, karkoli. Fantazija v tej zadevi ni omejena na nobene omejitve. Pop-up okna pogosto prekrivajo stran mesta s prozorno temno ozadje in na vsakem od njih je ikona, ki jo običajno razumejo uporabniki na ravni intuicije. Možnosti te funkcije so neskončne.

Na prvi pogled je težko ustvariti takšno stvar, vendar je to napačen vtis. Če obstaja želja in obstaja potreba, zakaj ne pojdite v več podrobnosti? Čeprav veliko ni jasno, je vedno mogoče proučiti proces tako, da se obrnete na strokovnjake. Na primer, ustvarimo in objavimo gumbe, ki bodo poklicala registracijska okna, slike ali fotografije in zavihke. Uporaba pop-up okna jаvascript, ali še bolj gumba, določite povezavo in določite skupni razred za vse. Povezave so postavljene znotraj oznake div.

Atribut rel, ki je dodan vsakemu, natančno ustreza imenu razreda okna in omogoča, da ga odprete s klikom na povezavo. Vsa pop-up okna jQuery smo ustvarili. Zdaj je še vedno lepo in privlačno. To zahteva uporabo slogov.

Delo v stilih zapletenosti ne povzroča: vse je preprosto in razumljivo. Nekega jezika morate malo poznati. Toda tudi če ga uporabnik ne razume, se lahko na spletu zlahka najdejo potrebne informacije. Gumbov jQuery, pogledal pop-up okna na vseh do sedaj znanih brskalnikov so prav tako lepo in urejeno, morate: a) uskladitev blokov ssylok- b) okrogla ugly- c) povezati PIE za IE 7-8.

Na splošno bo oznaka HTML enaka za vsa pojavna okna. Zato ne uporabljajte oznak, če jih ne uporabljate: če ne veste dovolj, si zapomnite nekaj osnovnih. Razlika je le pri oblikovanju dimenzij, to pomeni, da bo eno okno za pojav jquery izgledalo drugače po širini. Enako velja za vsebino.

Če želite v zgornjo oznako postaviti prijavni obrazec, morate zapisati naslednje:

Zapri

Registracija na spletni strani

Vnesite prijavo: Vnesite geslo:

V tem vnosu reg_form sovpada z atributom prvega gumba Rel, dvojni razred omotovljenega bloga pa je nastavljen na popup reg_form (potreben je prostor). Takšen napis vam omogoča, da ustvarite splošni slog za vsa pojavna okna in določite posebne parametre za vsakega posameznika.

Nato začnemo postaviti gumb, odgovoren za slike. Tudi tukaj je označen dvojni razred in označena pot do mape, v kateri so te slike. No, še naprej v istem duhu.

Po ustvarjanju bo potrebno le popraviti celoten videz strani spletnega mesta, da določi pravila za okna. To pomeni, da bodo vsi enako urejeni, urejeni vodoravno in vsak bo imel gumb, ki bo odgovoren za zapiranje samega okna in njegovega naslova. Poleg tega bodo pri prenosu strani z viri vse skrite.

Če ni želje, da to storite sami, vedno obstaja možnost, da prenesete skript, ki vam omogoča, da samodejno ustvarite pojavno okno, le rahlo prilagodite dejanja programa.