jQuery實現(xiàn)為控件添加水印文字效果(附源碼)
更新時間：2015年12月02日 12:02:03 作者：shulin85
這篇文章主要介紹了jQuery實現(xiàn)為控件添加水印文字效果的方法,涉及jQuery插件jquery.tinywatermark.js的使用技巧,并提供了源碼供讀者下載參考,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)為控件添加水印文字效果。分享給大家供大家參考，具體如下：
運行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/jquery-text-add-txt-style-codes/
具體代碼如下：
<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程序設(shè)計有所幫助。
您可能感興趣的文章:
- jquery 單行滾動、批量多行滾動、文字圖片翻屏滾動效果代碼
- jquery實現(xiàn)marquee效果(文字或者圖片的水平垂直滾動)
- jQuery不間斷滾動效果(模擬百度新聞支持文字/圖片/垂直滾動)
- jQuery實現(xiàn)的立體文字漸變效果
- 基于jquery實現(xiàn)的文字淡入淡出效果
- 基于jquery插件制作左右按鈕與標(biāo)題文字圖片切換效果
- jquery單行文字向上滾動效果示例
- 多種JQuery循環(huán)滾動文字圖片效果代碼
- 基于jquery實現(xiàn)的文字向上跑動類似跑馬燈的效果
- jQuery文字橫向滾動效果的實現(xiàn)代碼
- 基于jquery的文字向上跑動類似跑馬燈的效果
- 11個用于提高排版水平的基于jquery的文字效果插件
- jquery插件之文字間歇自動向上滾動效果代碼
- jQuery實現(xiàn)的動態(tài)文字變化輸出效果示例【附演示與demo源碼下載】
相關(guān)文章
我最開始寫過一個富交互的頁面，其中的JavaScript代碼包含了很多html標(biāo)簽2012-09-09
js+CSS實現(xiàn)彈出居中背景半透明div層的方法
這篇文章主要介紹了js+CSS實現(xiàn)彈出居中背景半透明div層的方法,涉及javascript操作彈出div層的操作技巧,非常具有實用價值,需要的朋友可以參考下2015-02-02
JS鼠標(biāo)事件大全 推薦收藏，整理的比較細(xì)，推薦大家看下。2011-11-11
ECharts實現(xiàn)數(shù)據(jù)超出Y軸最大值max但不隱藏
這篇文章主要為大家介紹了ECharts實現(xiàn)數(shù)據(jù)超出Y軸最大值max但不隱藏實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
JS實現(xiàn)仿餓了么在瀏覽器標(biāo)簽頁失去焦點時網(wǎng)頁Title改變
這篇文章主要介紹了JS實現(xiàn)仿餓了么在瀏覽器標(biāo)簽頁失去焦點時網(wǎng)頁Title改變,需要的朋友可以參考下2017-06-06
今天小編就為大家分享一篇layui固定下拉框的顯示條數(shù)(有滾動條)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
本篇文章主要是對js判斷url是否有效的兩種方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
這篇文章主要介紹了BootStrap智能表單demo示例詳解的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用于開發(fā)響應(yīng)式布局、移動設(shè)備優(yōu)先的 WEB 項目，本文介紹了bootstrap的常用組件和柵格式布局詳解，有興趣的可以了解一下2017-05-05
這篇文章主要介紹了JS實現(xiàn)運動緩沖效果的封裝函數(shù),涉及JavaScript時間函數(shù)與數(shù)值運算相關(guān)操作技巧,需要的朋友可以參考下2018-02-02