`
txf2004
  • 浏览: 6871871 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

在textarea里,加提示效果.

阅读更多

<iframe name="google_ads_frame" marginwidth="0" marginheight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1228531115328&amp;lmt=1228528446&amp;prev_slotnames=1891601125&amp;output=html&amp;slotname=3685991503&amp;correlator=1228531115296&amp;url=http%3A%2F%2Fwww.corange.cn%2Farchives%2F2008%2F10%2F1814.html&amp;ea=0&amp;ref=http%3A%2F%2Fwww.corange.cn%2Fhtml%2Fcorange__98.html&amp;frm=0&amp;ga_vid=1689705203.1228531115&amp;ga_sid=1228531115&amp;ga_hid=106946996&amp;flash=9.0.124.0&amp;u_h=768&amp;u_w=1024&amp;u_ah=738&amp;u_aw=1024&amp;u_cd=32&amp;u_tz=480&amp;u_java=true&amp;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 里 加背景图:
效果如下:

http://www.corange.cn//uploadfiles/5f75db139f57fb24dd5401b4_80861.jpg
http://www.corange.cn//uploadfiles/7a17ed1fddfcd701314e15fc_16594.jpg
http://www.corange.cn//uploadfiles/06c325fa2d063b829f5146ff_52555.jpg
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics