Jquery implémente une fenêtre contextuelle personnalisée example_jquery

Dans le développement de projets, si nous utilisons la boîte de dialogue d'invite fournie avec javascript, cela ne semble pas très beau, nous définissons donc généralement nous-mêmes certaines boîtes de dialogue. Ici, j'implémente une fenêtre de connexion qui apparaît lorsque je clique sur le bouton Cliquez sur la fenêtre. et vous pouvez Pour implémenter la fonction glisser-déposer, il y a trop de mots pour expliquer clairement, alors utilisez simplement du code pour parler.

Ici, je poste les codes HTML, CSS et Jquery séparément

Partie HTML :

Copier le code Le code est le suivant :

Pop-up partie supérieure-- >

< h3>Connectez-vous à Tencent Tiger Pass

×

>
;
< ;p class="prompt" id="username_p">Veuillez saisir le nom d'utilisateur

;

Veuillez saisir le mot de passe

;





submit" value="Connexion" class="inputstyle login" id="login"/>


table>

">

Vous pouvez utiliser la méthode suivante pour vous connecter

• QQ


• MSN< ;/ li>
  

>

Code pièce CSS :




Copier le code


Le code est le suivant :





Jquery代码：

复制代码 代码如下:





整個功能的程式碼都在這裡了
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Le problème de nom de l'utilisation de window.open() pour ouvrir plusieurs fenêtres dans les compétences js_javascriptArticle suivant：Le problème de nom de l'utilisation de window.open() pour ouvrir plusieurs fenêtres dans les compétences js_javascript

Articles Liés

Voir plus

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript


Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！

À propos de nousClause de non-responsabilitéSitemap

© php.cn All rights reserved

; Suivant Connexion automatique	Mot de passe oublié ?
Inscrivez-vous maintenant