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

效果如下

代码如下：复制代码代码如下： html xmlns=' http://www。w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/style。tadetail { height : 50px宽度宽度：350 pxtext-向左对齐：垂直对齐：顶；} # DivShowNum { font-size :14 px；宽度： 50px高度： 18pxborder:无；padding: 5px衬垫-底部： 15px显示器：无；位置：绝对；}/style脚本类型=' text/JavaScript ' src=' http : js/jquery-1。7 .1 .量滴js '；/script script type=' text/JavaScript ' src=' http : js/jquery。工具。量滴js '；/scriptscript$(文档)。ready(function(){ $(')).taDetail ').绑定('点击，showNum ).绑定(' keyup '，showNum).bind('blur '，function(){$('#divShowNum ').hide()；});});var showNum=function(){ var d=$(this)；var pos=d偏移量()；var t=pos。在这上面。偏移心-22；//弹出框的下边位置var l=pos。留下这个。偏移-60；//弹出框的右边位置var num=这个。价值。长度；$('#changeNum ').html(num)；$('#divShowNum ').css({ 'top': t，' left': l }).show()；}/script/headdytextarea class=' taDetail '/textarebr/textarea class=' taDetail '/textarediv id=' DivShowNum ' span id=' ChangeNum '/span/140/div/body/html