522 Shares 9552 views

jquery fenêtre pop-up, un aperçu de l'établissement

Une façon d'attirer les utilisateurs sur le site sont les pop-ups. Bien sûr, cela ne donne pas une garantie absolue de la fréquentation de plus en plus, mais encore pendant un certain temps, ils attirent l'attention à l'information.

Créer un popup jquery – pas une tâche facile, mais si vous le voulez faisables. Et pourtant, avant de commencer à créer un tel produit, il est nécessaire de représenter visuellement ce qu'il est et à quoi il ressemble.

Les pages du site sont créés à l'aide HTML. Là-dessus, dans l'ordre, qui, comme le propriétaire de la ressource, sont placés des boutons. Il peut y avoir quelques morceaux (un à …), le pouvoir discrétionnaire de créer. En cliquant sur ce bouton, le visiteur verra une jquery popup. Le contenu de ceux-ci ou peut être complètement différent, comme une image ou une jolie nouvelle forme d'inscription, la publicité, le message, oui quoi que ce soit. Fantaisie en la matière ne se limite pas par des limites. fenêtres pop-up couvrent souvent la page du site clair fond sombre et sur chacun d'eux il y a une icône, les utilisateurs généralement compris intuitivement. Les possibilités sont infinies cette fonction.

À première vue, pour créer une telle chose est difficile, mais c'est une fausse impression. S'il y a un désir et un besoin existe, pourquoi cela ne veut pas comprendre plus? Même si beaucoup ne comprennent pas, il y a toujours la possibilité d'étudier le processus de se tourner vers les professionnels. Prenons, par exemple, créer et placer un bouton qui déclenchera les fenêtres d'enregistrement, des images ou des photos et des onglets. En utilisant le javascript fenêtre pop-up, ou plutôt le bouton, nous préparer une référence et demander à tous une classe commune. Les liens placés dans la balise div-a.

L'attribut rel, ajouté à chacun correspond exactement au nom de la classe de la fenêtre et vous permet de découvrir le droit, en cliquant le lien ci-dessus à peine. Tous, pop-up jquery que nous avons créé. Il reste maintenant à le rendre propre et attrayant. Cela nécessitera l'utilisation de styles.

Les styles de travail ne provoque pas de difficultés: tout est simple et clair. Nous avons besoin seulement un peu connaissance du langage HTML. Mais même si l'utilisateur ne comprend pas, les informations nécessaires sont faciles à trouver sur Internet. Pour les boutons jquery, fenêtres pop-up regardé tous connus pour les navigateurs de date sont tout aussi agréables et bien rangé, il est nécessaire: a) pour centrer unités de liaison; b) arrondir les angles; c) connecter PIE à IE 7-8.

En général, le balisage HTML sera le même pour tous les pop-ups. Par conséquent, l'utilisation d'étiquettes ne doit pas vous attardez si vous ne possédez pas assez de se rappeler quelques base. La différence est que dans la conception de la taille, qui est, d'une largeur de fenêtre popup jquery sera différent. De même pour le contenu.

Pour recevoir le formulaire d'inscription à l'étiquette ci-dessus doit être écrit comme suit:

proche

Inscription en ligne

Entrez votre nom d'utilisateur: Mot de passe:

Dans cette entrée coïncide avec l'attribut rel reg_form de premier bouton, et la double unité de classe wrapper est définie pop-up reg_form (espace requis). Cette étiquette vous permet de créer comme un style commun pour toutes les fenêtres pop-up, et définir des paramètres spécifiques pour chaque séparément.

Ensuite, commencer à placer des boutons pour les images. Voici le même: deux catégorie indiquée et a marqué le chemin vers le dossier où se trouvent les images. Eh bien, plus tard dans le même esprit.

Une fois que vous créez n'ajuster l'aspect général des pages de votre site, inscrivez-vous des règles pour les fenêtres. Autrement dit, ils sont tous également conçus, sous la direction horizontale, et tout le monde aura un bouton qui est responsable de la fermeture de la fenêtre et son titre. De plus, ils seront cachés lors du chargement de la page des ressources.

S'il n'y a pas envie de le faire vous-même, il y a toujours la possibilité de télécharger un script qui vous permet de créer une fenêtre pop-up automatiquement, ne corrigeant légèrement les applets d'action.