java的textare变透明_textarea带有半透明文本提示效果
textarea文本框一般用于编辑大段的文本,比如编辑器或者简单的留言回复之类的功能。
有的在textarea文本框的有默认的提示语言,下面就介绍一下如何使用jQuery实现此功能。
代码如下:[HTML] 纯文本查看 复制代码运行代码
蚂蚁部落
#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();
});
留言板:
以上代码实现了我们的要求,更多内容可以参阅相关阅读。
相关阅读:
(1).focus事件参阅jQuery focus事件一章节。
(2).hide()函数参阅jQuery hide()一章节。
(3).toggle()函数参阅jQuery toggle()一章节。
(4).css()函数参阅jQuery css()一章节。
(5).position()函数参阅jQuery position()一章节。
(6).blur事件参阅jQuery blur事件一章节。
java的textare变透明_textarea带有半透明文本提示效果相关推荐
- html中文本框的透明度,jQuery实现textarea文本框半透明文本提示效果
jquery实现textarea文本框带有半透明文本提示效果: textarea文本框一般用于编辑大段的文本,比如编辑器或者简单的留言回复之类的功能,有的在textarea文本框的有默认的提示语言. ...
- java 双斜杠变单斜杠_java 过滤文本特殊字符 以及单斜杠替换成双斜杠 | 学步园...
在读取mysql数据库时,数据库中的文件路径是 由于其中包含单斜杠,我们在写入到另外的表中时,总是被莫名其妙的截断.即使将该字段的类型设置成longtext 都不行 于是,我们在读取之后使用如下方法. ...
- Java设计模式之装饰模式(透明装饰模式,半透明装饰模式)
一.概述 动态地给一个对象增加一些额外的职责(方法).就扩展功能而言,装饰者模式提供了一种比使用子类更加灵活的替代方案. 装饰模式是一种用于替代继承的技术,它通过一种无须定义子类的方式给对象动态增加职 ...
- java image 透明_Java 生成半透明照片
在许多实际运用中,我们常常需要将一张照片(图片)装换成半透明后再显示或保存.下面我们就来看看如何使用Java来生成,转换一张照片到半透明. 1.基本思路 1.打开一张图片 BufferedImage ...
- Java文件合并变得语义化
与任何程序员交谈,并询问他应该如何进行合并:"它应该理解代码,对其进行解析,然后根据结构进行合并" –他很可能会说. 而这恰恰是SemanticMerge for Java所做的: ...
- 图像与掩膜叠加,掩膜变透明
需要将掩膜叠加在原图上,并调整掩膜至半透明状态.试了很久,终于找到了最简单最有效的办法.简单做个记录,如果有什么问题请各位大牛指正. 主要使用了cv2.addWeighted函数. 融合的两个图像大小 ...
- 在CMD窗口中使用javac和java命令进行编译和执行带有包名的具有继承关系的类
一.背景 最近在使用记事本编写带有包名并且有继承关系的java代码并运行时发现出现了很多错误,经过努力一一被解决,今天我们来看一下会遇见哪些问题,并给出解决办法. 二.测试过程 1.父类代码 1 pa ...
- win10任务栏透明_任务栏1秒变透明,桌面瞬间高大上,美化必备!
电脑工具第14期: 大家好呀,有的小伙伴在看到我的教程截图后,问我的电脑任务栏是怎样变透明的,其实很简单,本期章鱼哥就给大家推荐一款一键任务栏变透明神器,仅仅600多K,基本不占用电脑的cpu. 下图 ...
- 7.Unity2D 横版 未受伤害时,血条缓慢变透明+伤害数值显示(浮动,大小,颜色)+协程的应用
总目录https://blog.csdn.net/qq_54263076/category_11900070.html?spm=1001.2014.3001.5482 1.血条缓慢变淡 我们都知道,当 ...
最新文章
- Python神经网络集成技术Guide指南
- Java的I/O笔记(3)
- Crawler:基于BeautifulSoup库+requests库+伪装浏览器的方式实现爬取14年所有的福彩网页的福彩3D相关信息,并将其保存到Excel表格中
- SAP物料主数据采购视图采购价值代码设置
- 数据挖掘之关联分析四(连续属性处理)
- 第1章 数据库系统概述
- Spring Framework源码编译,开始Spring源码学习
- Winform的菜单控件
- 下载pip、安装pip
- C++之学生成绩管理系统
- mysql视图创建以及权限
- 机器学习:AI数据集划分(训练集、验证集、测试集)
- 感恩节:美国人的春节
- android的listview分组显示的时候layout_marginTop失效的解决办法
- 分区属性揭秘 Win8 电脑 OEM 分区创建 分区属性
- 推荐书籍:RNA甲基化表观转录组学
- 安搭Share:熬夜,对于身体健康的损坏程度,不亚于过度劳累
- processOn在线制图工具
- 数据结构实验-稀疏一元多项式计算
- UIPickerView 用法