JS实现模仿新浪微博发布的内容为空时的提示功能代码

本文讲述了一个当新浪微博发布的内容为空时，JS实现提示功能的例子。分享给大家参考。具体如下：

这里用JavaScript模拟新浪微博的一个功能。当发布的微博内容为空时，文本框提醒用户这里没有输入内容。这个功能让人觉得网页很智能，和你聊天一样人性化。这个特殊效果指的是一个外部JS封装类，可以在本地下载使用。

运行效果截图如下：

在线演示地址如下：

http://demo . JB 51 . net/js/2015/js-fsina-info-submit-empty-style-codes/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title新浪微博发布功能/titlestyle type='text/css' html，body { margin:0px文本对齐：居中；font-size :12 pxbackground: # b2e2f9}。盒子{ width :555 pxh8 : auto margin 336030 px汽车；背景# fafapadd :30 px飞越：隐藏；}.boxf { width:555px高度：88 pxfloat:left位置：相对；z指数：0;} # textDisplay { width:555px高度：88 px位置：绝对；left:0pxtop:0px单词包装：断字；断字：正常；z索引：1;向左文本对齐：线高：20 pxfont-family : arialfont-size :12 px} # list { width:164px位置：绝对；padd :1 pxborder 33601 px固体# ccccccdisplay:nonez指数：100;背景# ffffont-family : arial；} #列表ul { margin :0 pxpadding :0 pxfloat : left列表样式-:型无；} # list Li { width :164 px h8 :23 pxfloat : lefttext-缩进：10 px线高：23 px向左文本对齐：颜色： # 333333颜色指针：指针；} #李上榜。hove {背景： # e6e 6e 6；} textarea { width:555px高度：88 pxborder:1px固体# cccborder-radius :5 px；resize:none位置：绝对；top:0pxleft:0pxz索引：2;font-family : arialfont-size :12 px线高：20 px飞越：隐藏；}文本区。hove { border :1 px固体# FFB 941；}.title { width :555 px h8 :21 text-align : left；填充-底部：20 px}.title span { float : right color : # 0a8 cd2padding-top :5 px；}.标题跨度。颜色{ color : # 808080padd :0 pxmargin-top :-3px；}.title span em { font-style : normal；font-family:Constantia，乔治亚州；font-size :22 px字体粗细：700；}.btnf { width :555 px h8 : auto飞越：隐藏；填充-top :10 px；}.btn { width:82px高度：30 px背景：url(images/201209/fb.jpg)无重复；光标：指针指针；右浮动：}.btnh { background : URL(images/fb1。jpg)无重复；}.返回{ background: # ffd4d4}。fbcg { width :110 px x8 :42 px背景：url(images/fbcg.jpg)无重复；位置：绝对；前：50%；左侧：50%;边距：-21px 0 0-55px；z索引：10;display:none}。dis { display:block}。un dis { display : none } # desc { border : 1px虚线# ccccolor: # 333背景# fff线高：2;padding:10px宽度宽度：533 pxborder-半径：5 px页边距-顶部：20 px向左文本对齐：font-family : arialfont-size :14 px}/style脚本类型=' text/JAVAScript ' src=' http : js/at。js '/script脚本类型=' text/JavaScript '窗口。onload=function(){ atRelease('，' text '，{box : 'box '，list : ' list ' })；}/script/head body div class=' box ' div class=' title ' span id=' num 140 '前任现任人手一个，李晨泡妞神器石头心走红24小时热博/span img src=' http : images/title。jpg '/div class=' boxf ' id=' box ' textarea id=' text ' rows=' 6 ' cols=' 60 '/textarea div class=' fbcg '/div/div class=' btnf ' span class=' BTN '/span/div dl id=' desc ' dt功能说明：/dt dd限制输入140字符，超出字符提示数字变红；/dd dd @符关联好友微博列表；/dd dd键盘控制微博列表选中；/dd dd超出字符或空微博发送闪红；/dd dd发布成功提示/DD DD class=' ta-r '/DD/dl/div div id=' list ' ul Li选择最近@的人或直接输入/Li Li wh乡下人/li li幸福文盲作家/li li我是张二蛋/li liJD我行我酷/li li色影无极/li li朱心梦/李莉乡下人/li li幸福文盲作家/li li我是张二蛋/li /ul/div/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。