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