JQuery uznirstošais logs, vispārīga informācija par izveidi

Datori
Notiek ielāde ...

Viens veids, kā piesaistīt lietotājusvietne ir uznirstošie logi. Protams, tas nedod 100% garantiju apmeklētāju skaita palielināšanai, bet viņi kādu brīdi piesaista uzmanību informācijai.

Izveidojiet uznirstošo logu jQuery - uzdevums nav nogaisma, bet, ja vēlas, tas ir diezgan iespējams. Un tomēr, pirms sākat veidot šādu darbu, jums ir jāaplūko tas, kas tas ir un kā tas izskatās.

Vietnes lapa ir izveidota, izmantojot HTML valodu. Uz tā, rīkojoties, ka resursu īpašnieks patīk, tiek ievietotas pogas. Tie var būt vairāki gabali (no viena līdz ...), pēc radītāja ieskatiem. Noklikšķinot uz šādas pogas, apmeklētājs redzēs uznirstošo logu jQuery. To saturs var būt pilnīgi citāds, piemēram, pievilcīgs attēls vai jauna reģistrācijas forma, reklāma, komunikācija, jebkas. Fantāzija šajā jautājumā neaprobežojas ar jebkādiem ierobežojumiem. Uznirstošie logi bieži pārklājas lapas vietā ar caurspīdīgu tumšu fonu, un katrai no tām ir ikona, kuras lietotāji parasti saprot intuīcijas līmenī. Šīs funkcijas iespējas ir bezgalīgas.

No pirmā acu uzmetiena, ir grūti izveidot šādu lietu, bettas ir kļūdains iespaids. Ja ir vēlme un ir vajadzīga, kāpēc neietvert sīkāk? Pat ja daudz nav skaidrs, vienmēr ir iespēja studēt procesu, sazinoties ar speciālistiem. Piemēram, izveidojiet un novietojiet pogas, kas izsauks reģistrācijas logus, attēlus vai fotoattēlus un cilnes. Izmantojot javascript uznirstošo logu, vai drīzāk pogu, izveidojiet saiti un izveidojiet visām tām kopīgu klasi. Saites tiek ievietotas div tagā.

Rel atribūts pievienots katram, tiešiatbilst loga klases nosaukumam un ļauj atvērt vajadzīgo, vienkārši noklikšķinot uz saites. Viss jQuery uznirstošais logs, ko mēs izveidojām. Tagad paliek padarīt to gludu un pievilcīgu. Tam nepieciešams izmantot stilus.

Darbs sarežģītības stilos nerada: viss ir vienkāršs un saprotams. Jums tikai nedaudz jāzina HTML valoda. Bet pat tad, ja lietotājs to nesaprot, nepieciešamo informāciju ir viegli atrast internetā. Lai jquery pogas, uznirstošie logi izskatās vienādi skaisti un kārtīgi visās pazīstamajās pārlūkprogrammās: a) centrālo saišu vienības; b) apbraukt stūrus; c) savienojiet PIE ar IE 7-8.

Parasti HTML atzīme visiem būs vienādauznirstošie logi. Tāpēc, lietojot tagus, neaizveriet: ja nezināt pietiekami, atcerieties dažus pamata elementus. Atšķirība ir tikai izmēru dizainā, tas ir, viens jQuery uznirstošais logs izskatīsies citādi. Tas pats attiecas arī uz saturu.

Lai ievietotu reģistrācijas veidlapu iepriekš minētajā tagā, jums jāuzraksta šādi:

Aizvērt

Reģistrācija vietnē

Ievadiet lietotājvārdu: Ievadiet paroli:

Šajā ierakstā reg_form sakrīt ar atribūtupirmā rel poga un dubultā iesaiņojuma klase ir iestatīta uz uznirstošo reg_form (nepieciešama atstarpe). Šāds uzraksts ļauj jums izveidot gan vispārīgu stilu visiem uznirstošajiem logiem, gan katram indivīdam iestatīt konkrētus parametrus.

Tālāk mēs sākam izvietot pogu, kas atbild par attēliem. Arī šeit: ir norādīta divkāršā klase un norādīts ceļš uz mapi, kurā atrodas šie attēli. Nu tālāk tādā pašā garā.

Pēc radīšanas tas būs nepieciešams tikai labotvispārīgs vietnes lapas izskats, nosaka noteikumus par logiem. Tas nozīmē, ka tie visi būs identiski dekorēti, rediģēti horizontāli, un katram no tiem būs poga, kas atbild par loga un tā nosaukuma aizvēršanu. Turklāt, lejupielādējot resursu lapu, tie visi tiks paslēpti.

Ja nav vēlēšanās to izdarīt pats, vienmēr ir iespēja lejupielādēt skriptu, kas ļauj automātiski izveidot uznirstošo logu, tikai nedaudz pielāgojot programmas darbības.

Notiek ielāde ...
Notiek ielāde ...