recherche

Maison >interface Web >js tutoriel >jQuery implémente l'ajout d'un effet de texte en filigrane aux contrôles (code source joint) _compétences javascript

jQuery implémente l'ajout d'un effet de texte en filigrane aux contrôles (code source joint) _compétences javascript

WBOY
WBOYoriginal
2016-05-16 15:28:141516parcourir

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.

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：Affichez les données de table requises en cliquant sur jqgrid table_jqueryArticle suivant：Affichez les données de table requises en cliquant sur jqgrid table_jquery

Articles Liés

Voir plus