评论框提示框div层实现代码

<div class="commonts-sub">
<textarea onblur="if(!this.value){showTextareaImp();}else{return false;}" onfocus="hiddenTextareaImp();showCheckCode();" name="message" id="message" onkeydown="if(event.ctrlKey&amp;&amp;event.keyCode==13)insertUserMessage(1);"></textarea>
<div id="textarea_imp" class="commonts-skills" onclick="hiddenTextareaImp();showCheckCode();document.getElementById('message').focus();" style="">评论的时候，请遵纪守法并注意语言文明，多给文档分享人一些支持。</div>
<div class="commonts-submit"><input type="button" id="insertMessageBtn" onclick="insertUserMessage(1);" class="dBtn-btn dBtn-blue" title="提交评论" value="提交评论"><span>Ctrl+Enter快速提交</span></div>
<div id="showMsgContent">



<div id="ajaxMessageTemplet" name="ajaxMessageTemplet" style="display:none;">
<div class="listPl">

<img src="http://pics.wanlibo.com/images_cn/people01_48x48.gif" border="0" alt="">

<div class="cont">
<p>豆丁网友(IP:222.55.206.*) &nbsp;2013-03-04 10:23&nbsp;说：</p>
<p>userMessage</p>
</div>
<div class="shopPl"><p>messageCount</p></div>
</div>
</div>
<div id="ajaxAddUserMessage"></div>
<div id="ajaxAddUserMessageBottom"></div>

</div>
</div>




//css样式
.commonts-sub {
padding: 10px 15px 14px 16px;
position: relative;
color: #666;
}
.commonts-sub textarea {
color: #666;
width: 650px;
height: 90px;
line-height: 18px;
padding: 2px;
resize: vertical;
}
.commonts-sub .commonts-skills {
position: absolute;
left: 130px;
top: 40px;
width: 383px;
height: 33px;
line-height: 36px;
overflow: hidden;
padding: 0 0 0 22px;
text-align: center;
}
.commonts-sub .commonts-skills, .commonts-sub .commonts-submit .btn, .dim_tips .arrow {
background: url("/images_cn/news/newsend_v9.png?rand=20130220") no-repeat 0 0;
}