CSS(js)限制页面显示的文本字符长度_javascript技巧
程序员文章站
2022-05-14 16:57:56
...
复制代码 代码如下:
如果我在限制上面的span中的字符。
$("nav_block span").wordLimit(8);
它使用了下面的一个算定义jquery插件的方法,这是我从点点网扣下来的:
复制代码 代码如下:
// copyright c by zhangxinxu v1.0 2009-09-05
// http://www.zhangxinxu.com
/* $(".test1").wordLimit(); 自动获取css宽度进行处理,如果css中未对.test1给定宽度,则不起作用
$(".test2").wordLimit(24); 截取字符数,值为大于0的整数,这里表示class为test2的标签内字符数最多24个
*/
(function($){
$.fn.wordLimit = function(num){
this.each(function(){
if(!num){
var copyThis = $(this.cloneNode(true)).hide().css({
'position': 'absolute',
'width': 'auto',
'overflow': 'visible'
});
$(this).after(copyThis);
if(copyThis.width()>$(this).width()){
$(this).text($(this).text().substring(0,$(this).text().length-4));
$(this).html($(this).html()+'...');
copyThis.remove();
$(this).wordLimit();
}else{
copyThis.remove(); //清除复制
return;
}
}else{
var maxwidth=num;
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'...');
}
}
});
}
})(jQuery);
上一篇: jquery中获得元素尺寸和坐标的方法整理_jquery
下一篇: 求前端大神帮帮忙,我把网页缩小后出现图中上的问题,IE上又没问题啊,360就有问题,求教。_html/css_WEB-ITnose
推荐阅读
-
js统计录入文本框中字符的个数并加以限制不超过多少_javascript技巧
-
CSS(js)限制页面显示的文本字符长度_javascript技巧
-
限制textbox或textarea输入字符长度的JS代码_javascript技巧
-
js统计录入文本框中字符的个数并加以限制不超过多少_javascript技巧
-
CSS(js)限制页面显示的文本字符长度_javascript技巧
-
JS实现超过长度限制后自动跳转下一款文本框的方法_javascript技巧
-
限制textbox或textarea输入字符长度的JS代码_javascript技巧
-
JS实现超过长度限制后自动跳转下一款文本框的方法_javascript技巧