文本框文本域提示自动显示隐藏jQuery小插件实例页面

文章引自：http://www.zhangxinxu.com/study/201006/text-remind-auto-hide-show.html

最简单的切换

外带class的切换

改变显示的颜色

代码

CSS代码：

.textarea{border:1px solid #bbb; width:550px; height:80px;}
.border{border:1px solid #34538b;}

HTML代码：

<h4>最简单的切换</h4>
<p><input class="remindAuto" type="text" size="45" value="请出入姓名" /></p>
<p><textarea class="textarea remindAuto">内容不少于300字</textarea></p>
<h4>外带class的切换</h4>
<p><textarea class="textarea borderChange">变换边框颜色</textarea></p>                
<h4>改变显示的颜色</h4>
<p><input id="textColorChg" type="text" size="45" value="请输入日期..." /></p>

JS代码：

$(function(){
    $(".remindAuto").textRemindAuto();
    $(".borderChange").textRemindAuto({chgClass: "border"});
    $("#textColorChg").textRemindAuto({
        focusColor: "red"								  
    });
});;