文本框水印提示效果
来源:互联网 发布:java soa 实例 编辑:程序博客网 时间:2024/06/05 13:01
<!doctype html><html><head> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <style type="text/css"> #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; } </style> <script type="text/javascript"> $(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(); }); </script></head><body> 留言板<br /> <textarea id="txtNote" style="width: 600px; height: 400px;"></textarea> <div id="divTips"> 亲,欢迎访问,有什么说的就写下来吧!!<br /> (在下面的框框中留下您的name, 方便的话请留下您的联系方式) </div><br /> <input type="text" value="姓名" /> <input type="text" value="手机/QQ/……" /></body></html>
0 0
- 文本框水印提示效果
- 给文本框添加水印效果
- HTML文本框 提示效果
- jQuery学习笔记2 文本框水印提示
- 用JS实现文本框水印的效果
- 给文本框加上提示效果
- 给文本框加上提示效果
- 文本框下拉提示效果(模拟百度效果提示框)
- 移动鼠标实现链接文本框提示效果
- 水印效果
- WPF-23:水印文本框
- 关于文本框水印字体
- JavaScript实现带自动提示的文本框效果代码
- js javascript 表单tips效果,文本框弹出提示框效果(带箭头效果与代码)
- js javascript 表单tips效果,文本框弹出提示框效果(不带箭头效果与代码)
- asp.net-水印文本框/字符过滤文本框
- DIY的文本框水印插件
- 实现类似google搜索效果,文本框输入智能提示,(经过改进 支持多个文本框的效果)
- sqlplus 连接远程数据库系统
- poj1493
- Highcharts绘制直线图
- 基于Android平台的无线传感器网络(ZigBee)监控系统
- 路由协议对比
- 文本框水印提示效果
- mysql命令
- Linux上安装Memcached服务
- Highcharts绘制饼图
- iOS多线程的初步研究(二)-- 锁
- shell seq
- beaglebone black硬件概览
- WINS客户端修改NetBios节点类型
- H264 中的 SP/SI