DIV模拟文本编辑器【模拟QQ空间说说文本框】

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script language="javascript">

function mcshow(obj){

if($('#hdcontent-'+obj).html()=="请不要发表与本内容无关的评论，您有了账号就是有身份的人了，我们可认识您。"){

$('#hdcontent-'+obj).hide();

$('#arcontent-'+obj).show();

$('#arcontent-'+obj).focus();

}

}

function mchide(obj){

if(!$('#arcontent-'+obj).html()){

$('#hdcontent-'+obj).show();

$('#arcontent-'+obj).hide();

$('#hdcontent-'+obj).html("请不要发表与本内容无关的评论，您有了账号就是有身份的人了，我们可认识您。");

}

}

</script>

<div tabindex="0" hidefocus="true" onfocus="mcshow(1);" contenteditable="true" class="comment_input" id="hdcontent-1" name="hdcontent" style="height:60px; border:1px solid #999;">请不要发表与本内容无关的评论，您有了账号就是有身份的人了，我们可认识您。</div>

<div onblur="mchide(1);" contenteditable="true" class="comment_input" id="arcontent-1" name="arcontent" style="height:60px; border:1px solid #999; display:none;"></div>