Recherche chaud: jeu aventure texte cmd personnage weekenders telecharger fichier ntldr arrivée. croisière miami aujourdhui accouchement shnauzer nain relique du loup castlevania fonction artère circonflexe deux lits simples king
Index Loisirs Santé Technologie

Comment faire pour créer une zone de texte avec filigrane jQuery

Publié:2013-04-22Source: général
Advertisement

Comment faire pour créer une zone de texte avec filigrane jQuery

Les zones de texte peuvent être très importants dans un site Web comme un moyen d'entrer des informations sur un site. En utilisant jQuery langage de codage, vous pouvez créer une zone de texte avec de l'eau de limon pour votre site web. Cette zone de texte peut alors afficher des mots avec des filigranes. Cela peut être utile pour expliquer ce qui est votre site ou attirent l'attention, économiser de l'espace ou tout simplement rendre le site a un look moins encombré. Vous pouvez créer cet effet jQuery création de la première zone de texte dans le fichier HTML, de créer une classe de style CSS pour le texte du filigrane, puis en utilisant jQuery pour ajouter le texte du filigrane dans la zone de texte.

Niveau de difficulté:

Modéré

Instructions

1 Ouvrez le fichier HTML dans la page web où vous voulez la zone de texte avec le filigrane apparaît. Rechercher l'endroit dans le fichier HTML où vous voulez placer la boîte de texte et cliquez pour déplacer le curseur à cet endroit.

2 Entrez le code suivant: <input type = "text" name = "nom" id = valeur "idofthetextbox" = "Valeur" /> pour créer une zone de texte. Change "Nom" avec le nom que vous souhaitez utiliser pour la zone de texte et modifiez la valeur "idofthetextbox" par un numéro unique que vous ne l'avez pas utilisé pour tout autre domaine sur le site de saisie de l'ID. Changements «valeur» par une valeur unique pour le champ de texte. Par exemple, si vous voulez le visiteur à entrer dans une zone de texte e-mail, mettre la valeur "e-mail".

3 Ouvrez le site CSS fichier style.css. Créer une nouvelle écriture de classe CSS: .lightText {color: # 000000; } Modifiez la valeur "# 000000" avec la valeur hexadécimale de la couleur que vous voulez avoir le texte du filigrane.

4 Ouvrez le fichier HTML de la page Web et entrez le code suivant après le code de la boîte de texte: <script> $ ("# nom") addClass ("lighttext") // définir .val de valeur par défaut ("Nom". ) // l'action de onfocus (function () {if ($ (this) .val () == "Nom") {$ (this) .removeClass ("lighttext") val ("Value").} / / Focus action perdu}) flou (function () {if ($ (this) .val () == "Value") {$ (this) .val ("Nom") addClass ("lighttext.");}. }); </ Script> Modifier le texte "Nom" avec le nom de votre zone de texte. Changements "Value" pour la bravoure.

5 Enregistrez tous les fichiers et les télécharger sur votre site, écrasant le précédent.

Lire cet article en Inglés: Comment construire une zone de texte jQuery avec un filigrane

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking