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操作cookie方法实例教程

    jQuery操作cookie方法实例教程

    这篇文章主要介绍了jQuery操作cookie方法,包括了对cookie的读取、写入、删除等常用的操作,并给出了实例总结,需要的朋友可以参考下
    2014-11-11
  • IE10中flexigrid无法显示数据的解决方法

    IE10中flexigrid无法显示数据的解决方法

    这篇文章主要介绍了IE10中flexigrid无法显示数据的解决方法的相关资料,需要的朋友可以参考下
    2015-07-07
  • 利用JQuery制作符合Web标准的QQ弹出消息

    利用JQuery制作符合Web标准的QQ弹出消息

    本篇文章主要介绍了利用JQuery制作符合Web标准的QQ弹出消息。这里所说的弹出消息指的是在网页右下角升起又下去的那种框框,在这里用到了jQuery的自定义动画
    2014-01-01
  • JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)

    JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)

    这篇文章主要介绍了JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • jQuery 学习 几种常用方法

    jQuery 学习 几种常用方法

    jQuery中为我们提供了很多有用的方法和属性,自己总结的一些常用的函数,方法。个人认为在开发中会比较常用的,仅供大家学习和参考。
    2009-06-06
  • jquery实现具有嵌套功能的选项卡

    jquery实现具有嵌套功能的选项卡

    这篇文章主要为大家详细介绍了jquery实现具有嵌套功能的选项卡的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • jQuery解析json格式数据示例

    jQuery解析json格式数据示例

    这篇文章主要介绍了jQuery解析json格式数据,涉及jQuery针对json格式数据元素遍历相关操作技巧,需要的朋友可以参考下
    2018-09-09
  • jQuery轻松实现无缝轮播效果

    jQuery轻松实现无缝轮播效果

    这篇文章主要为大家详细介绍了jQuery轻松实现无缝轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 跟着JQuery API学Jquery 之四 css

    跟着JQuery API学Jquery 之四 css

    在javascript中我们常常要改变dom的css样式 ,同样Jquery也对改变css做了封装不用我们去用 getElementByid().style.……来操作了
    2010-04-04
  • jquery在启动页面时,自动加载数据的实例

    jquery在启动页面时,自动加载数据的实例

    下面小编就为大家分享一篇jquery在启动页面时,自动加载数据的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01

最新评论