jquery等寬輸出文字插件使用介紹
更新時(shí)間:2013年09月18日 15:50:10 作者:
使用jquery插件實(shí)現(xiàn)等寬輸出文字,具體的調(diào)用及實(shí)現(xiàn)如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
IE10中flexigrid無法顯示數(shù)據(jù)的解決方法
這篇文章主要介紹了IE10中flexigrid無法顯示數(shù)據(jù)的解決方法的相關(guān)資料,需要的朋友可以參考下2015-07-07利用JQuery制作符合Web標(biāo)準(zhǔn)的QQ彈出消息
本篇文章主要介紹了利用JQuery制作符合Web標(biāo)準(zhǔn)的QQ彈出消息。這里所說的彈出消息指的是在網(wǎng)頁右下角升起又下去的那種框框,在這里用到了jQuery的自定義動(dòng)畫2014-01-01JS實(shí)現(xiàn)復(fù)制內(nèi)容到剪貼板功能兼容所有瀏覽器(推薦)
這篇文章主要介紹了JS實(shí)現(xiàn)復(fù)制內(nèi)容到剪貼板功能兼容所有瀏覽器(推薦)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06jquery實(shí)現(xiàn)具有嵌套功能的選項(xiàng)卡
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)具有嵌套功能的選項(xiàng)卡的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-02-02跟著JQuery API學(xué)Jquery 之四 css
在javascript中我們常常要改變dom的css樣式 ,同樣Jquery也對(duì)改變css做了封裝不用我們?nèi)ビ?getElementByid().style.……來操作了2010-04-04jquery在啟動(dòng)頁面時(shí),自動(dòng)加載數(shù)據(jù)的實(shí)例
下面小編就為大家分享一篇jquery在啟動(dòng)頁面時(shí),自動(dòng)加載數(shù)據(jù)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01