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();

});

留言板:

脚本学堂欢迎您

html中文本框的透明度,jQuery实现textarea文本框半透明文本提示效果相关推荐

html遮罩提示框代码,基于jQuery实现弹出可关闭遮罩提示框实例代码
jquery CSS3遮罩弹出层动画效果,使用非常简单,就两个标签,里面自定义内容和样式,四种常见效果,懂的朋友还可以修改源代码修改成自己想要的效果先给大家展示下效果图,如果大家感觉还不错,请参考实 ...
html单选框选中状态,jquery如何判断单选框是否被选中？
jquery如何判断单选框是否被选中?下面本篇文章就来给大家介绍一下Jquery判断单选框是否选中和获取选中值的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 方法1:利用选中 ...
jq取html下拉框的值,jquery设置下拉框的值为空
用jquery如何将下拉选的值置为空? 当选择"是",主编码码制为必填:当选择"否",实现主编码码制值为空.该jquery提供了val()方法设置或返回表单字段 ...
html登入弹框插件,基于jQuery的弹出框插件
html如下: $(function() { $("#btn01").popwin({ element: "#box01", title: "请填写以 ...
html获取选中复选框的值,jquery获取复选框被选中的值
JS获取复选框被选中的值 0 1 2 3 4 5 6 7 JS代码对checkbox的其他几个操作 1. 全选 2. 取消全选 3. 选中所有奇数 4. 反选 5. 获得选中的所有值 js代码 $( ...
html单选框选中状态,jquery怎么判断单选框是否选中
jquery判断单选框是否选中的方法:1.通过单选框选中的值判断.2.通过单选框的checked属性判断是否选中. jquery判断单选框是否选中的两种方法介绍: 第一种:利用选中值判断选中/p> ...
JQuery实现一个简单的鼠标跟随提示效果
效果体验:http://hovertree.com/texiao/jsstudy/2/ 实现思路 1 鼠标移入标题(这里是<a>标签) 创建一个div,div的内容为鼠标位置的文本将创建 ...
php 获取下拉框选中的文本,jQuery如何获取select选择的文本与值？（代码示例）...
本篇文章给大家带来的内容是关于jQuery如何获取select选择的文本与值,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 获取select : 获取select 选中的 text ...
bootstrap中表格、修饰图片、浮动、背景框、提示框及关闭提示框、元素淡入淡出及jQuery中操作类名
表格: bootstrap中用类定义了几个风格的表格,使用时给table标签加上类名即可,具体如下: 类名描述 .table 基础表格:标题加粗,只有水平的淡灰色边框线条,没有垂直方向的线条 .ta ...

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

html中文本框的透明度,jQuery实现textarea文本框半透明文本提示效果相关推荐

最新文章

热门文章