注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jquery显示字符串输入数量插件manhuaInputLetter

输入 fishcity 1511浏览

字符串输入数量

微博用过吧,有140字数的限制,在你输入的时候,实时显示还剩多少个字符可输入,具有非常好的体验性。估计有很多朋友都在找这么的一款插件,现在找这款插件的朋友幸福了,它叫manhuaInputLetter,基于jquery插件,可以叫它微博字数限制特效,它非常的轻巧,易用。下面来看下它的用法吧。

引入核心库文件

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/manhuaInputLetter.1.0.js"></script>

写处HTML,只需要一个长文本输入,和一个显示数字的元素,请看下面例子,div只是布局做用,可以不要

<div style="margin:100px auto; width:800px;">
    <textarea id="content"></textarea>
    <p id="show">您还可以输入:<label id="sid"></label></p>
</div>

写入CSS样式,这里的样式完全可以按自己设计的风格设计,无需理会本例子的CSS

#content{width:700px; height:100px; border:1px #CCCCCC dashed; padding:10px;}
#show{font-size:14px; font-weight:bold; height:40px; line-height:40px;}
#sid{ font-size:22px; font-weight:bold; color:#009900; font-style:italic;}

写上JS

$(function (){
	$("#content").manhuaInputLetter({					       
		len : 50,//限制输入的字符个数				       
		showId : "sid"//显示剩余字符文本标签的ID
	});
});

转载请注明:jQ酷 » jquery显示字符串输入数量插件manhuaInputLetter

下载地址:本站下载 | 百度云
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。