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

154 阅读 0 评论 102 点赞

我是靠谱客的博主勤奋发卡，最近开发中收集的这篇文章主要介绍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> 