<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&dt=1228531115328&lmt=1228528446&prev_slotnames=1891601125&output=html&slotname=3685991503&correlator=1228531115296&url=http%3A%2F%2Fwww.corange.cn%2Farchives%2F2008%2F10%2F1814.html&ea=0&ref=http%3A%2F%2Fwww.corange.cn%2Fhtml%2Fcorange__98.html&frm=0&ga_vid=1689705203.1228531115&ga_sid=1228531115&ga_hid=106946996&flash=9.0.124.0&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_java=true&dtd=15" frameborder="0" width="300" scrolling="no" height="250" allowtransparency></iframe>
,初始状态:
当鼠标点进去写东西的时候,如下图:
默认用了一个bg图片,在文本框获得一次焦点后把背景图片去掉了,后来再失去焦点的时候用的是第三个样式。
代码是copy下来的,图片路径修改成了绝对路径。
/*你好,你现在看的CSS是偶写的,抄袭的时候记得改名字*//*linstyle.cn by 香水 06-07*//****** General Styles ******/
.fab{width:440px;height:100px;font-size:12px;padding:3px;background: #f8f9ff url(
http://www.linstyle.cn/website/template/linstyle/images/linstyle/footer.gif
) no-repeat 0 -222px;border: 1px solid #c4c9fd;color:#6C63A3}
.fabt{width:440px;height:100px;font-size:12px;padding:3px;border:1px solid #f7ca06;background:#fffbca;color:#cb6a24}
.fabtt{width:440px;height:100px;font-size:12px;padding:3px;background: #f8f9ff;border: 1px solid #c4c9fd;color:#6C63A3}
另外 以前发布过 textarea 里 加背景图:
效果如下:
分享到:
相关推荐
效果超酷的textarea的输入字数限提示
非常推荐的效果超酷的textarea的输入字数限提示
效果图: 具体实现: 1、textarea标签内容 代码如下: <span xss=removed><tr> ”right” valign=”top”>备注:</td> <td><textarea name=”” id=”remark” cols=”” rows=”” class=”textarea220″ onfocus...
文本框输入 @ 符号的输入提示的JS代码,类似搜索框的提示,输入指定的字符会弹出提示。和自动完成功能有些区别。
这一个是读取textarea的maxlength属性的值,进行计算,思路很好,... [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]下面的这段代码是网络上应用比较广泛的,有剩余字数提示的效果代码,推荐 JS限制textarea输入框
非常不错的提示输入内容,动态的提示,给人亲切感
6.3. <input>:placeholder属性:输入框占位符——输入提示 23 6.4. <input> number类型:数字输入框 23 6.5. <input> url类型:网址输入框 24 6.6. <input> email类型:邮箱输入框 24 6.7. <textarea>标签:创建文...
示例一:直接编写AJAX 实现。...Ajax实现自动提示的文本框</title> <style> <!– body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px; margin:5px; } fo
我们可以用onkeyup事件监测文本框是否输入了一个@符号,如果输入了,就找到@符号在页面上的绝对位置,弹出提示。(实际制作过程中会遇到各种各样的问题) 问题: textarea 里的光标位置无法直接获取。 所以我们只能...
12.7节在Flex Effect里使用DisplacementMapFilter过滤器 12.8节创建AnimateColor 特效 12.9节使用Convolution Filter创建渐变效果 第十三章. 集合(439) 13.1节. 为ArrayCollection添加,排序和获取数据 13.2节. ...
以下是效果图: 代码如下: WXML: <view class=ad_popError wx:if={{popErrorMsg}}>{{popErrorMsg}} <form bindsubmit=goDetail > <textarea class=ad_popArea bindinput=commentTxtFn focus={{...
本文实例为大家分享了微信小程序表单验证提交错误提示的具体代码,供大家参考,具体内容如下 表单验证,点击确认发布不能为空错误提示。 以下是效果图: 代码如下: WXML: ...
jQuery实现仿微博发布框字数提示,主要是运用字符串操作! 效果图: HTML: <textarea name="" id="" cols="30" rows="10"></textarea> 你还可以输入<strong xss=removed>140个字 JQ: $...
5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的...
5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的...
在<head></head>中加入如下代码 body {background: #ffffff; color: #444;} a{ color: #09d; text-decoration: none; border: 0; background-color: transparent;} body,div,q,iframe,form,h5{ margin: 0; padding:...
文本框下拉提示效果 html{overflow:-moz-scrollbars-vertical;} body{padding:0;margin:0;font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;} body,h1,p,blockquote,dl,dt,dd,ul,ol,li,input{margin:0;padding:0;}...