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 相关文章推荐
HTML中事件触发列表与解说
Jul 09 Javascript
javascript数组组合成字符串的脚本
Jan 06 Javascript
javascript实现的网页局布刷新效果
Dec 01 Javascript
jQuery代码优化之基本事件
Nov 01 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
深入浅析Extjs中store分组功能的使用方法
Apr 20 Javascript
js获取对象、数组的实际长度,元素实际个数的实现代码
Jun 08 Javascript
原生js实现jquery函数animate()动画效果的简单实例
Aug 21 Javascript
jQuery实现键盘回车搜索功能
Jul 25 jQuery
用vuex写了一个购物车H5页面的示例代码
Dec 04 Javascript
vue-router命名路由和编程式路由传参讲解
Jan 19 Javascript
antd多选下拉框一行展示的实现方式
Oct 31 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页面间参数传递的四种方法详解
2013/06/09 PHP
php操作(删除,提取,增加)zip文件方法详解
2015/03/12 PHP
php简单随机字符串生成方法示例
2017/04/19 PHP
JQuery跨Iframe选择实现代码
2010/08/19 Javascript
js获取系统的根路径实现介绍
2013/09/08 Javascript
js设置function参数默认值(适合没有传参情况)
2014/02/24 Javascript
做web开发 先学JavaScript
2014/12/12 Javascript
JavaScript中实现单体模式分享
2015/01/29 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
2015/08/24 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
2016/08/10 Javascript
JS键盘版计算器的制作方法
2016/12/03 Javascript
详解VueJs前后端分离跨域问题
2017/05/24 Javascript
详解最新vue-cli 2.9.1的webpack存在问题
2017/12/16 Javascript
Webpack4 使用Babel处理ES6语法的方法示例
2019/03/07 Javascript
jquery中attr、prop、data区别与用法分析
2019/09/25 jQuery
vue实现全匹配搜索列表内容
2019/09/26 Javascript
JavaScript实现点击出现子菜单效果
2021/02/08 Javascript
发布你的Python模块详解
2016/09/15 Python
python内置数据类型之列表操作
2018/11/12 Python
python 3.3 下载固定链接文件并保存的方法
2018/12/18 Python
Flask框架实现的前端RSA加密与后端Python解密功能详解
2019/08/13 Python
Pytorch Tensor基本数学运算详解
2019/12/30 Python
Python如何基于smtplib发不同格式的邮件
2019/12/30 Python
python实现学生成绩测评系统
2020/06/22 Python
解析Tensorflow之MNIST的使用
2020/06/30 Python
Python字符串三种格式化输出
2020/09/17 Python
python statsmodel的使用
2020/12/21 Python
CSS3实现菜单悬停效果
2020/11/17 HTML / CSS
红色康乃馨酒店:Red Carnation Hotels
2017/06/22 全球购物
ebookers英国:隶属全球最大的在线旅游公司Expedia
2017/12/28 全球购物
致标枪运动员广播稿
2014/02/06 职场文书
2014年五四青年节演讲稿范文
2014/04/22 职场文书
财政专业大学生职业生涯规划书
2014/09/17 职场文书
答谢词范文
2015/01/05 职场文书
劳动保障个人工作总结
2015/03/04 职场文书
Python如何让字典保持有序排列
2022/04/29 Python