微博发布框的jquery

时间:2021-12-30 03:10:34

demo地址:http://codepen.io/tianzi77/pen/eNaXmp

用jq可以快速实现腾讯微博或新浪微博发布框的效果。

<style type="text/css">
textarea{
width: 300px;
height: 300px;
border: solid 1px #abcdef;
}

strong{
color: red;
}

</style>
</head>
<body>
<textarea></textarea>
<p>你还可以输入<strong>140</strong>个字</p>
<script type="text/javascript">
$("textarea").keydown(function(){
var max=140;
var tianzi=max-$("textarea").val().length;
$("strong").text(tianzi);
if($("strong").text()<=0){
$("strong").text("0");
var val=$("textarea").val().substring(0, 140);
$("textarea").val(val);
}
});
</script>
</body>