仿微博的输入框，提示用户剩下的输入字数

依旧是大神布置的作业。

<!doctype html>
<head>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    var $textarea = $('#text textarea');
	var defNum = 140 - $textarea.val().length;
       $('#num span').text(defNum.toString());
       $textarea.bind('keyup keydown',function(){
       var num = $textarea.val().length;
       var Num = 140-num;
	   var newNum = Num.toString();
       $('#num span').text(newNum);
       });
});
</script>
<style type="text/css">
#num span{font-weight:bold;color:red;}
</style>
</head>
<body>
<div id="num">您还可以输入<span></span>个字</div>
<div id="text"><textarea rows='3' cols='20'></textarea></div>
</body>
</html>

　　

 

posted @ 2011-11-08 17:23  七月天青  阅读(468)  评论(0)    收藏  举报