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)文章
jQuery實(shí)現(xiàn)響應(yīng)鼠標(biāo)事件的圖片透明效果【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)響應(yīng)鼠標(biāo)事件的圖片透明效果,涉及jQuery鼠標(biāo)事件及fadeTo函數(shù)的相關(guān)使用技巧,需要的朋友可以參考下2016-06-06
jQuery中add實(shí)現(xiàn)同時(shí)選擇兩個(gè)id對(duì)象
jquery同時(shí)選擇兩個(gè)id對(duì)象的時(shí)候，可以用add來實(shí)現(xiàn)。2010-10-10
判斷jquery對(duì)象是否存在的方法有很多，在本文將為大家詳細(xì)介紹下，通過length屬性是如何判斷的2013-10-10
jQuery實(shí)現(xiàn)表格凍結(jié)頂欄效果
昨天晚上公司遇到個(gè)小需求，就是實(shí)現(xiàn)類似表格凍結(jié)頂欄的效果。這篇文章主要介紹了jQuery實(shí)現(xiàn)表格凍結(jié)頂欄效果 ,需要的朋友可以參考下2017-08-08
jQuery插件zTree實(shí)現(xiàn)獲取當(dāng)前選中節(jié)點(diǎn)在同級(jí)節(jié)點(diǎn)中序號(hào)的方法
這篇文章主要介紹了jQuery插件zTree實(shí)現(xiàn)獲取當(dāng)前選中節(jié)點(diǎn)在同級(jí)節(jié)點(diǎn)中序號(hào)的方法,結(jié)合實(shí)例形式分析了屬性插件zTree針對(duì)節(jié)點(diǎn)序號(hào)的相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
jQuery ajax提交Form表單實(shí)例(附demo源碼)
這篇文章主要介紹了jQuery ajax提交Form表單的方法,結(jié)合實(shí)例分析了jQuery ajax操作實(shí)現(xiàn)表單提交的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了jQuery封裝的屏幕居中提示信息代碼,可以很方便的集成到項(xiàng)目開發(fā)中使用,涉及jQuery針對(duì)頁面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-06-06
jquery-file-upload 文件上傳帶進(jìn)度條效果
這篇文章主要介紹了jquery-file-upload 文件上傳帶進(jìn)度條效果，代碼分為html部分css部分和js部分，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-11-11
jQuery登陸判斷簡(jiǎn)單實(shí)現(xiàn)代碼
登陸判斷在實(shí)際應(yīng)用中還是比較常見，在客戶端執(zhí)行判斷可以減少服務(wù)器端的負(fù)擔(dān)，感興趣的朋友可以參考下2013-04-04
jquery.tagsinput.js實(shí)現(xiàn)記錄checkbox勾選的順序
這篇文章主要為大家詳細(xì)介紹了jquery.tagsinput.js實(shí)現(xiàn)記錄checkbox勾選的順序，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09