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

效果如下：

代码如下：

.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;

}

$(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();

}

/140