jquery等宽输出文字插件
2013-09-18 14:40
183 查看
<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>
<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等宽输出文字插件使用介绍
- JQuery实现文字无缝滚动效果(Marquee插件)
- 琴弦文字 - jquery插件
- 制作jquery文字提示插件—jquery插件实战教程(1)
- 分享10个超棒的文字排版相关jQuery插件
- 一个文字无缝滚动的jQuery插件
- JQuery实现文字无缝滚动效果(Marquee插件)
- 分享10个超棒的文字排版相关jQuery插件
- jQuery文字高亮插件,使用简单,功能强大,支持FF/IE等主流浏览器
- 纠错【2012年5月9日 JQuery-跑马灯(文字无缝向上翻动)(自已封装的第三个插件)】
- jQuery插件之jquery editable plugin--点击编辑文字插件
- 一个文字无缝滚动的jQuery插件
- jQuery-单击文字或图片内容放大显示效果插件
- jquery插件之文字间歇自动向上滚动效果代码
- jQuery文字高亮插件,使用简单,功能强大,支持FF/IE等主流浏览器
- Colortip – jQuery文字信息提示插件简介
- JQuery实现文字无缝滚动效果(Marquee插件)
- 14款经典网页图片和文字特效的jQuery插件-前端开发必备
- jQuery插件Font effect实现Javascript文字特效