当前位置: 编程技术>WEB前端
文本框水印提示效果的简单实现代码
来源: 互联网 发布时间:2014-08-25
本文导语: 代码如下: #divTips{ filter:alpha(opacity=30); /*IE滤镜,透明度50%*/ -moz-opacity:0.3; /*Firefox私有,透明度50%*/ opacity:0.3;/*其他,透明度50%*/ positio...
代码如下:
#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:red;z-index:10;padding:10px;
}
$(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();
});
留言板
亲,欢迎访问,有什么说的就写下来吧!!
(在下面的框框中留下您的name, 方便的话请留下您的联系方式)