JQuery opspring venster, 'n oorsig van die stigting

Een manier om gebruikers te lok na die webwerf is die pop-ups. Natuurlik is dit nie 'n absolute waarborg van die verhoging van bywoning gee, maar nog steeds vir 'n geruime tyd, hulle noem aandag aan inligting.

Skep 'n pop-up jQuery - nie 'n maklike taak nie, maar as jy dit wil hê uitvoerbaar. En tog, voordat jy begin om so 'n produk te skep, is dit nodig om visueel voor te stel wat dit is en hoe dit lyk.

Webwerf bladsye is geskep met behulp van HTML. Daarop, in die einde, wat as die eienaar van die hulpbron, geplaas knoppies. Daar is dalk 'n paar stukkies (een tot ...), die diskresie om te skep. Klik op hierdie knoppie, sal die besoeker 'n pop-up jQuery sien. Die inhoud van hierdie of dalk heeltemal anders, soos 'n prent of 'n aantreklike nuwe vorm van registrasie, advertensies, boodskap, ja enigiets wees. Fantasie in hierdie saak is nie beperk deur enige grense. Pop-up vensters te dek dikwels bladsy van die webwerf duidelik donker agtergrond en op elkeen van hulle is daar 'n ikoon, gebruikers gewoonlik intuïtief verstaan. Die moontlikhede is eindeloos hierdie funksie.

Met die eerste oogopslag, om te skep so 'n ding is moeilik, maar dit is 'n verkeerde indruk. As daar 'n begeerte en 'n behoefte bestaan, hoekom dit nie meer verstaan? Selfs al is baie nie verstaan nie, is daar altyd die geleentheid om die proses van draai na die professionele mense te bestudeer. Kom ons neem byvoorbeeld te skep en 'n knoppie wat die registrasie vensters, foto's of foto's en oortjies sal aktiveer. Die gebruik van die javascript pop-up window, of liewer die knoppie, ons voor te berei 'n verwysing en vra vir almal 'n gemeenskaplike klas. Links geplaas binne die div tag-a.

Die rel kenmerk, bygevoeg aan elke presies ooreenstem met die klas naam van die venster en laat jou toe om die reg te ontdek, skaars die skakel hierbo. Alle, pop jQuery ons geskep het. Dit bly nou om dit netjies en aantreklik te maak. Dit sal die gebruik van style vereis.

Werk style nie probleme veroorsaak: alles is eenvoudig en duidelik. Ons moet net 'n bietjie kennis van die taal HTML. Maar selfs al is die gebruiker nie verstaan nie, die nodige inligting is maklik om te vind op die internet. Om jQuery knoppies, pop-up vensters gekyk na al die bekende tot dusver blaaier is ewe mooi en netjies te hou, is dit nodig: a) om skakel eenhede sentrum; b) Rond die hoeke; c) verbind PIE om IE 7-8.

In die algemeen, sal HTML opmaak dieselfde vir al die pop-ups te wees. Daarom moet die gebruik van etikette nie gehang kry as jy nie genoeg besit om 'n paar basiese onthou. Die verskil is slegs in die ontwerp van die grootte, dit is, sal een jQuery opspring venster breedte anders lyk. Dieselfde geld vir die inhoud.

Om die registrasie vorm aan die bokant tag moet soos volg afgelê word te akkommodeer:

Close

registreer Online

Tik jou naam: Wagwoord:

In hierdie bydrae val saam met die kenmerk reg_form rel eerste knoppie, en die dubbele wrapper klaseenheid gedefinieer popup reg_form (ruimte wat nodig is). Hierdie etiket toelaat om te skep as 'n algemene styl vir al pop-up vensters, en stel spesifieke parameters vir elkeen afsonderlik.

Volgende, begin om knoppies te plaas vir die foto's. Hier is dieselfde: dubbel klas aangedui en was die pad na die gids waar die foto is geleë. Wel, later in dieselfde gees.

Nadat jy skep sal slegs die algehele voorkoms van die bladsye op jou werf te pas, reëls vir vensters. Dit wil sê, hulle is almal ewe ontwerp, horisontaal geredigeer, en almal sal 'n knoppie wat verantwoordelik is vir die sluiting van die venster en sy titel het. Daarbenewens sal hulle verborge wees tydens die laai van die hulpbron bladsy.

As daar geen begeerte om dit self te doen, daar is altyd die opsie om 'n script wat jou toelaat om 'n pop-up window outomaties skep, net 'n bietjie die regstelling van aksie applets te laai.