communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer： 2016-05-16 16:55:36
original
1072 Les gens l'ont consulté

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 :

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


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