De nombreux sites modernes ont des contrôles originaux. L'un de ces éléments est la fenêtre contextuelle dans laquelle vous pouvez placer diverses informations utiles, des publicités, des contrôles, des sondages, etc. Il est assez facile de créer un tel popup - utilisez la bibliothèque jQuery.
Instructions
Étape 1
Insérez des balises dans le code de votre page qui ajoutent la bibliothèque jQuery. Ces balises ont l'air assez standard:
script src = "jQuery.js" / script
script src = "interface.js" / script
Étape 2
Ajoutez le code CSS à la feuille de style pour styliser la fenêtre contextuelle. Spécifiez des paramètres tels que la position, la hauteur, le débordement, l'image d'arrière-plan, la position d'arrière-plan, la répétition d'arrière-plan, le débordement, le curseur et d'autres dont vous pourriez avoir besoin pour le style. Ces paramètres peuvent également être définis dans la balise head, si vous n'avez pas le principe d'allouer un fichier spécial pour les styles dans votre travail standard. Vous pouvez écrire du code d'autres manières, en utilisant différentes balises. Il existe généralement de nombreuses façons d'écrire des fenêtres flottantes.
Étape 3
Collez le code du lien vers la fenêtre contextuelle dans le corps de la page et décrivez le script lui-même pour ouvrir la fenêtre contextuelle. Décrivez une fonction pour appeler une fenêtre à l'aide des commandes standard show (), TransferTo (), bind () et autres. Essayez d'écrire une petite description pour vous-même à côté de chaque fonction, afin de ne pas vous perdre dans le code, car vous pouvez perturber complètement le fonctionnement de l'ensemble du système.
Étape 4
Vérifiez le code pour les erreurs et ouvrez la page dans un navigateur pour voir le résultat de votre travail. Pour qu'une fenêtre pop-up apparaisse, vous devez cliquer sur le lien créé. A l'avenir, vous pourrez prévoir l'apparition automatique d'une fenêtre pop-up. La fenêtre contextuelle doit également avoir diverses caractéristiques, telles que la possibilité de glisser-déposer, de minimiser, d'étirer et, bien sûr, de fermer. Toutes ces caractéristiques doivent être décrites dans le script contextuel. Faire des fenêtres flottantes n'est pas difficile, l'essentiel est de connaître les bases de la programmation, car vous avez besoin de connaissances particulières pour écrire le code correctement.
