jQuery实现为控件添加水印文字效果(附源码)


Posted in Javascript onDecember 02, 2015

本文实例讲述了jQuery实现为控件添加水印文字效果。分享给大家供大家参考,具体如下:

运行效果截图如下:

jQuery实现为控件添加水印文字效果(附源码)

在线演示地址如下:

具体代码如下:

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

完整实例代码代码点击此处本站下载。

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
基于JQuery的密码强度验证代码
Mar 01 Javascript
jquery isEmptyObject判断是否为空对象的函数
Feb 14 Javascript
JS去除数组重复值的五种不同方法
Sep 06 Javascript
Javascript call和apply区别及使用方法
Nov 14 Javascript
ECMAScript6函数默认参数
Jun 12 Javascript
jquery马赛克拼接翻转效果代码分享
Aug 24 Javascript
JS正则子匹配实例分析
Dec 22 Javascript
浅谈Vue下使用百度地图的简易方法
Mar 23 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
Jul 05 Javascript
angular 未登录状态拦截路由跳转的方法
Oct 09 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
Oct 01 Javascript
JavaScript中的Proxy对象
Nov 27 Javascript
jqGrid中文文档之选项设置
Dec 02 #Javascript
javascript实现自动填写表单实例简析
Dec 02 #Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
Dec 02 #Javascript
纯js代码实现简单计算器
Dec 02 #Javascript
jquery判断输入密码两次是否相等
Apr 22 #Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
Dec 02 #Javascript
Jqgrid之强大的表格插件应用
Dec 02 #Javascript
You might like
PHP中的类-什么叫类
2006/11/20 PHP
php生成随机字符串可指定纯数字、纯字母或者混合的
2014/04/18 PHP
php采用file_get_contents代替使用curl实例
2014/11/07 PHP
Smarty模板引擎缓存机制详解
2016/05/23 PHP
修改Laravel5.3中的路由文件与路径
2016/08/10 PHP
php微信分享到朋友圈、QQ、朋友、微博
2019/02/18 PHP
PHP中16个高危函数整理
2019/09/19 PHP
『jQuery』取指定url格式及分割函数应用
2013/04/22 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
2014/05/28 Javascript
json属性名为什么要双引号(个人猜测)
2014/07/31 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
2017/01/08 Javascript
vue router仿天猫底部导航栏功能
2017/10/18 Javascript
vue中使用props传值的方法
2019/05/08 Javascript
vue+iview使用树形控件的具体使用
2020/11/02 Javascript
[46:44]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第二场 3月7日
2021/03/11 DOTA
Python黑魔法@property装饰器的使用技巧解析
2016/06/16 Python
详解Python中的相对导入和绝对导入
2017/01/06 Python
python openvc 裁剪、剪切图片 提取图片的行和列
2019/09/19 Python
PyTorch中的padding(边缘填充)操作方式
2020/01/03 Python
4行Python代码生成图像验证码(2种)
2020/04/07 Python
python实现AdaBoost算法的示例
2020/10/03 Python
Biblibili视频投稿接口分析并以Python实现自动投稿功能
2021/02/05 Python
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
斯德哥尔摩通票:Stockholm Pass
2018/01/09 全球购物
女娲补天教学反思
2014/02/05 职场文书
表演方阵解说词
2014/02/08 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
党务公开方案
2014/05/06 职场文书
六年级学生期末评语
2014/12/26 职场文书
关于学习的决心书
2015/02/05 职场文书
2015年国税春训心得体会
2015/03/09 职场文书
药品销售内勤岗位职责
2015/04/13 职场文书
简单的辞职信范文(2016最新版)
2015/05/12 职场文书
2015年清剿火患专项行动工作总结
2015/07/27 职场文书
redis通过6379端口无法连接服务器(redis-server.exe闪退)
2021/05/08 Redis
mysql外连接与内连接查询的不同之处
2021/06/03 MySQL