L'exemple de cet article décrit l'implémentation jQuery de l'ajout d'effets de texte en filigrane aux contrôles. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
La capture d'écran de l'effet en cours d'exécution est la suivante :
L'adresse de la démo en ligne est la suivante :
http://demo.jb51.net/js/2015/jquery-text-add-txt-style-codes/
Le code spécifique est le suivant :
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>WaterMark</title>
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="jquery.tinywatermark.js"type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(function()
{
$("input[title='Month']").watermark('watermark','Title');
$("textarea[title='Content']").watermark('watermark','Please input the content !');;
});
</script>
<style type="text/css">
.watermark {color:#999;}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div><input title="Month"/></div>
<div><textarea id="TextArea1" cols="20" rows="2" title="Content"></textarea></div>
</div>
</form>
</body>
</html>
Cliquez ici pour un exemple de code completTéléchargez depuis ce site.
J'espère que cet article sera utile à tous ceux qui programment jQuery.
Que sont les plug-ins jquery ?
Comment utiliser le contrôle du panneau
Comment faire fonctionner json avec jquery
Comment supprimer des éléments dans jquery
Utilisation de la méthode jQuery hover()
jquery implémente la méthode de pagination
Qu'est-ce qu'un élément caché dans jquery
Qu'est-ce qui est mis en évidence dans jquery
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
