780 Shares 7125 views

finestra popup jquery, una panoramica dello stabilimento

Un modo per attirare gli utenti al sito sono i pop-up. Naturalmente, questo non dà una garanzia assoluta di aumentare la frequenza, ma ancora per qualche tempo, lo chiamano l'attenzione su informazioni.

Creare un popup jquery – non è un compito facile, ma se si vuole che fattibile. Eppure, prima di iniziare a creare un prodotto così, è necessario rappresentare visivamente che cosa è e come appare.

pagine del sito vengono creati utilizzando HTML. Su di essa, nell'ordine, che come il proprietario della risorsa, sono collocati i pulsanti. Ci possono essere alcuni pezzi (uno per …), la facoltà di creare. Facendo clic su questo pulsante, il visitatore vedrà un jQuery popup. Il contenuto di questi o può essere completamente diverso, come ad esempio una foto o una nuova forma interessante di registrazione, la pubblicità, il messaggio, sì nulla. Fantasy in questa materia non è limitato da confini. finestre pop-up spesso coprono le pagine del sito chiaro sfondo scuro e su ciascuna di esse v'è un'icona, gli utenti di solito capito intuitivamente. Le possibilità sono infinite questa funzione.

A prima vista, per creare una cosa del genere è difficile, ma questa è un'impressione sbagliata. Se c'è un desiderio ed esiste un bisogno, perché questo non è quello di capire di più? Anche se molti non capiscono, c'è sempre la possibilità di studiare il processo di trasformazione ai professionisti. Prendiamo, per esempio, creare e posizionare un pulsante che attiverà le registrazione di Windows, immagini o foto e le schede. Utilizzando la finestra pop-up javascript, o meglio il pulsante, si prepara un punto di riferimento e chiedere per tutti loro una classe comune. Collegamenti posti all'interno del div tag-a.

L'attributo rel, aggiunto ad ogni corrisponde esattamente al nome della classe della finestra e ti permette di scoprire la destra, a malapena cliccando sul link qui sopra. Tutti, popup jQuery che abbiamo creato. Resta ora da renderlo pulito e attraente. Ciò richiederà l'uso di stili.

stili di lavoro non causa difficoltà: tutto è semplice e chiaro. Abbiamo bisogno solo di un po 'di conoscenza del linguaggio HTML. Ma anche se l'utente non lo capisce, le informazioni necessarie è facile da trovare su Internet. Per pulsanti jQuery, finestre pop-up hanno esaminato tutti noti per i browser di data sono altrettanto bello e ordinato, è necessario: a) per centrare insiemi di link; b) completano gli angoli; c) collegare PIE a IE 7-8.

In generale, il markup HTML sarà lo stesso per tutti i pop-up. Pertanto, l'uso di tag non dovrebbe stare in attesa, se non si possiede sufficiente ricordare alcuni di base. La differenza è solo nel design delle dimensioni, che è, uno jQuery popup larghezza della finestra avrà un aspetto diverso. Lo stesso vale per i contenuti.

Per ospitare il modulo di registrazione per l'etichetta di cui sopra dovrebbe essere scritto come segue:

vicino

Registrazione online

Inserisci il tuo nome utente: Inserire una password:

In questa voce coincide con l'attributo rel reg_form primo pulsante, e la doppia unità classe wrapper è definita comparsa reg_form (spazio richiesto). Questa etichetta consente di creare da uno stile comune per tutte le finestre pop-up, e impostare i parametri specifici per ciascuna separatamente.

Quindi, cominciare a mettere i pulsanti per le immagini. Qui è lo stesso: doppia classe indicato e ha segnato il percorso della cartella in cui si trovano le immagini. Beh, poi con lo stesso spirito.

Dopo aver creato sarà regolare solo l'aspetto complessivo delle pagine del tuo sito, registrare le regole per le finestre. Cioè, sono tutti ugualmente progettati, edito in senso orizzontale, e tutti avranno un pulsante che è responsabile per la chiusura della finestra e il suo titolo. Inoltre, essi vengono nascosti durante il caricamento della pagina delle risorse.

Se non c'è alcun desiderio di farlo da soli, c'è sempre la possibilità di scaricare uno script che permette di creare automaticamente una finestra pop-up, solo leggermente correggere applet azione.