jquery等宽输出文字插件使用介绍

 更新时间:2013年09月18日 15:50:10   作者:  
使用jquery插件实现等宽输出文字,具体的调用及实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助
复制代码 代码如下:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
(function($){
$.extend($,{
fixedWidth:function(str,length,char){
str=str.toString();
if(!char) char="...";
var num=length-lengthB(str);
if(num<0){
str=substringB(str,length-lengthB(char))+char;
}
return str;
function substringB(str,length){
var num=0,len=str.length,tenp="";
if(len){
for(var i=0;i<len;i++){
if(num>length) break;
if(str.charCodeAt(i)>255){
num+=2;
tenp+=str.charAt(i);
}else{
num++;
tenp+=str.charAt(i);
}
}
return tenp;
}else{
return null;
}
}
function lengthB(str){
var num=0,len=str.length;
if(len){
for(var i=0;i<len;i++){
if(str.charCodeAt(i)>255){
num+=2;
}else{
num++;
}
}
return num;
}else{
return 0;
}
}
}
});
})(jQuery);
var a="abcde我是谁呢?";
alert(jQuery.fixedWidth(a,10));
</script>

相关文章

  • jQuery Ajax实现跨域请求

    jQuery Ajax实现跨域请求

    这篇文章主要为大家详细介绍了jQuery Ajax实现跨域请求的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • jQuery中 $ 符号的冲突问题及解决方案

    jQuery中 $ 符号的冲突问题及解决方案

    在jQuery中,$是jQuery的别名,为了书写方便,我们更习惯用$('#id')这一类的方式来书写代码。这篇文章给大家分享jQuery中 $ 符号的冲突问题及解决方案,感兴趣的朋友一起看看吧
    2016-11-11
  • 将鼠标焦点定位到文本框最后(代码分享)

    将鼠标焦点定位到文本框最后(代码分享)

    本文主要分享了将鼠标焦点定位到文本框最后的实例代码。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • jquery.cookie.js使用指南

    jquery.cookie.js使用指南

    这篇文章主要介绍了jquery.cookie.js使用方法,非常的全面,这里推荐给有需要的小伙伴。
    2015-01-01
  • 使用jQuery.Pin垂直滚动时固定导航

    使用jQuery.Pin垂直滚动时固定导航

    这篇文章主要为大家详细介绍了使用jQuery.Pin垂直滚动时固定导航的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • jquery实现美观的导航菜单鼠标提示特效代码

    jquery实现美观的导航菜单鼠标提示特效代码

    这篇文章主要介绍了jquery实现美观的导航菜单鼠标提示特效代码,涉及jquery鼠标事件及页面animate动画的使用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-09-09
  • jQuery对Select的操作大集合(收藏)

    jQuery对Select的操作大集合(收藏)

    本篇文章主要介绍了jQuery对Select的操作进行了详细的汇总,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • 简单的jquery拖拽排序效果实现代码

    简单的jquery拖拽排序效果实现代码

    写了简单的跟随鼠标移动效果。这个拖拽排序的效果的区别在于: 运用了插入insertBefore 和 insertAfter 的方法
    2011-09-09
  • jquery多级树形下拉菜单的实例代码

    jquery多级树形下拉菜单的实例代码

    这篇文章主要介绍了jquery多级树形下拉菜单的实例代码,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2019-07-07
  • jquery登录的异步验证操作示例

    jquery登录的异步验证操作示例

    这篇文章主要介绍了jquery登录的异步验证操作,涉及jQuery针对表单提交登录的用户名、密码验证与异步post提交相关操作技巧,需要的朋友可以参考下
    2019-05-05

最新评论