Finestra emergent jQuery, una visió general de l'establiment

Una forma d'atraure els usuaris al lloc són els elements emergents. Per descomptat, això no dóna una garantia absoluta d'incrementar l'assistència, però encara durant algun temps, que criden l'atenció a la informació.

Crear una finestra emergent jQuery - no és una tasca fàcil, però si vols que factible. I, no obstant això, abans de començar a crear un producte d'aquest tipus, cal representar visualment el que és i com es veu.

pàgines de llocs es creen utilitzant HTML. En ella, en l'ordre, que igual que el propietari del recurs, es col·loquen els botons. Hi pot haver algunes peces (un a ...), la facultat de crear. En fer clic en aquest botó, el visitant veurà una finestra emergent jQuery. El contingut d'aquests o pot ser completament diferent, com una imatge o una nova forma atractiva de la inscripció, publicitat, missatges, si res. Fantasia en aquest assumpte no està limitada per fronteres. finestres pop-up sovint cobreixen pàgina del lloc clar fons fosc i en cadascuna d'elles hi ha una icona, els usuaris generalment enteses intuïtivament. Les possibilitats són infinites aquesta funció.

A primera vista, per crear tal cosa és difícil, però això és una impressió equivocada. Si hi ha un desig i una necessitat existeix, per què això no vol entendre més? Fins i tot si molts no entenen, sempre hi ha l'oportunitat d'estudiar el procés de convertir als professionals. Anem a prendre, per exemple, crear i col·locar un botó que activarà el registre de Windows, imatges o fotos i les fitxes. Ús de la finestra emergent javascript, o més aviat el botó, nosaltres preparar una referència i demanar a tots ells una classe comuna. Els enllaços col·locats dins de l'etiqueta div-a.

L'atribut rel, afegit a cada un correspon exactament amb el nom de la classe de la finestra i li permet descobrir la dreta, tot just fa clic a l'enllaç anterior. Tot, jQuery emergent que hem creat. Ara queda perquè sigui net i atractiu. Això requerirà l'ús d'estils.

estils de treball no causa dificultats: tot és simple i clara. Només necessitem una mica de coneixement del llenguatge HTML. Però fins i tot si l'usuari no ho entén, la informació necessària és fàcil de trobar a Internet. Als botons de jQuery, finestres pop-up semblaven coneguts pels navegadors data en què tots són igualment agradable i ordenat, cal: a) al Centre d'unitats d'enllaç; b) arrodonir les cantonades; c) connectar PEU a IE 7-8.

En general, el format HTML serà el mateix per a totes les finestres emergents. Per tant, l'ús d'etiquetes no ha de rebre penjat si vostè no posseeix suficient per recordar alguns bàsic. La diferència està només en el disseny de la mida, és a dir, una amplada de la finestra emergent jQuery tindrà un aspecte diferent. El mateix s'aplica als continguts.

Per acomodar el formulari d'inscripció a l'etiqueta anterior ha de ser escrit com segueix:

a prop

Registre en línia

Introdueix el nom d'usuari: Introduïu la contrasenya:

En aquesta entrada coincideix amb el reg_form atribut rel primer botó, i la unitat de doble classe contenidora es defineix reg_form emergent (espai necessari). Aquesta etiqueta permet crear com un estil comú per a totes les finestres pop-up, i establir paràmetres específics per a cada un per separat.

A continuació, començar a col·locar els botons per a les fotos. Aquí és el mateix: el doble categoria indicada i es marca la ruta de la carpeta on es troben les imatges. Bé, més tard en el mateix esperit.

Després de crear només ajustar l'aparença general de les pàgines del seu lloc, registreu-vos regles per les finestres. És a dir, tots estan igualment dissenyats, editat en posició horitzontal, i cadascun tindrà un botó que és responsable del tancament de la finestra i el seu títol. A més, s'amagarà quan es carrega la pàgina de recursos.

Si no hi ha desig de fer-ho vostè mateix, sempre hi ha l'opció de descarregar un script que li permet crear una finestra pop-up de forma automàtica, només es corregeix lleugerament applets d'acció.