cari

Rumah  >  Artikel  >  hujung hadapan web  >  jQuery melaksanakan penambahan kesan teks tera air pada kawalan (kod sumber dilampirkan)_javascript kemahiran

jQuery melaksanakan penambahan kesan teks tera air pada kawalan (kod sumber dilampirkan)_javascript kemahiran

WBOY
WBOYasal
2016-05-16 15:28:141480semak imbas

Contoh dalam artikel ini menerangkan pelaksanaan jQuery untuk menambahkan kesan teks tera air pada kawalan. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Tangkapan skrin kesan berjalan adalah seperti berikut:

Alamat demo dalam talian adalah seperti berikut:

http://demo.jb51.net/js/2015/jquery-text-add-txt-style-codes/

Kod khusus adalah seperti berikut: 

<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>

Klik di sini untuk kod contoh lengkapMuat turun dari tapak ini.

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Pop up data jadual yang diperlukan dengan mengklik pada jqgrid table_jqueryArtikel seterusnya：Pop up data jadual yang diperlukan dengan mengklik pada jqgrid table_jquery

Artikel berkaitan

Lihat lagi