jquery实现微博文字输入框实现微博文字输入框 输入时显示输入字数输入时显示输入字数 效果实现效果实现
效果如下：
代码如下：
代码如下:
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<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>
<script type=”text/javascript” src=”js/jquery-1.7.1.min.js”; ?>” ></script>
<script type=”text/javascript” src=”js/jquery.tools.min.js”; ?>” ></script>
<script>
$(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>
<textarea class=”taDetail” ></textarea>
<br/>
<textarea class=”taDetail” ></textarea>
<div id=”divShowNum” ><span id=”changeNum”></span>/140</div>
</body>
</html>
资源评论
weixin_38695159
- 粉丝: 5
- 资源: 942
最新资源
- (177732444)路径规划基于matlab A-star算法机器人避障最短路径规划【含Matlab源码 2522期】.mp4
- (177732456)路径规划基于matlab A-star算法机器人动静态避障路径规划【含Matlab源码 371期】.mp4
- comsol光子晶体仿真，拓扑荷，偏振态 三维能带，三维Q，Q因子计算 远场偏振计算
- (173646618)springboot点餐小程序（源码+数据库）221541
- 天翼云盘.exe安装包，传资源享受飞一般的速度
- (175588016)人事管理系统数据库文件
- ensembleLibrary的jar包，对于weka.jar的辅助工具
- (174741416)计算机学院计算机组成原理课程设计(MIPS CPU)
- 预测客户模型需要数据文件
- comsol瓦斯抽采-双重介质模型 流固耦合模型 用达西定律实现瓦斯渗流 提供mph文件
- (177370212)nodejs+vuecli3+element-ui构建后台管理系统，打通前后端，实践vue3.0.zip
- (177387644)vue3+vite+elementPlus写的商城后台管理系统.zip
- (175893452)基于VUE，Node.js的电商后台管理系统
- (177024834)RabbitMQ实战指南-rabbitmq-action.zip
- Comsol谷霍尔光子晶体(VPC)-片上通信的太赫兹拓扑光子学 本模型复现文章：Terahertz topological photonics for on-chip communication D
- (31159618)rabbitmq.conf
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
