jquery实现微博文字输入框输入时显示输入字数效果实现

　　效果如下：

　　代码如下：

复制代码代码如下:

　　<head>

　　<style>

　　.taDetail{height: 50px; width:350px; text-align:left; vertical-align:top;}

　　#divShowNum{ font-size:14px;

　　width: 50px;

　　height: 18px;

　　border: none;

　　padding: 5px;

　　padding-bottom: 15px;

　　display: none;

　　position:absolute;

　　}

　　</style>

　　$(document).ready(function(){

　　$(".taDetail").bind("click",showNum)

　　.bind("keyup", showNum)

　　.bind("blur", function(){$("#divShowNum").hide();});

　　});

　　var showNum = function(){

　　var d = $(this);

　　var pos = d.offset();

　　var t = pos.top + this.offsetHeight - 22; // 弹出框的下边位置

　　var l = pos.left + this.offsetWidth - 60; // 弹出框的右边位置

　　var num = this.value.length;

　　$("#changeNum").html(num);

　　$("#divShowNum").css({ "top": t, "left": l }).show();

　　}

　　</script>

　　</head>

　　<body>

　　<br/>

　　</body>

　　</html>

jquery实现微博文字输入框 输入时显示输入字数 效果实现