html中文本框的透明度 jQuery实现textarea文本框半透明文本提示效果

jquery实现textarea文本框带有半透明文本提示效果:

textarea文本框一般用于编辑大段的文本，比如编辑器或者简单的留言回复之类的功能，有的在textarea文本框的有默认的提示语言。

完整代码：

复制代码 代码示例:

脚 本 学 堂

#divTips{

filter:alpha(opacity=30); /*IE滤镜，透明度50%*/

-moz-opacity:0.3; /*Firefox私有，透明度50%*/

opacity:0.3;/*其他，透明度50%*/

position:absolute;

width:600px;

height:400px;

display:none;

color:green;

z-index:10;

padding:10px;

}

#txtNote{

width:300px;

height:100px;

}

$(function () {

var $txtNote = $("#txtNote");

var $divTips = $("#divTips");

$txtNote.focus(function () {

//置焦点时隐藏

$divTips.hide();

}).blur(function(){

$divTips.toggle($txtNote.val() == "").css({

"left": $txtNote.position().left,

"top" : $txtNote.position().top

});

});

$divTips.click(function () {

$txtNote.focus();

});

$txtNote.blur();

});

留言板:

脚本 学堂 欢迎您