100字范文 > CSS(js)限制页面显示的文本字符长度【javascript】

CSS(js)限制页面显示的文本字符长度【javascript】

时间：2021-12-04 22:59:47

web前端|js教程

字符,限制,文本

web前端-js教程

你好黑客主页源码,插件起动项目vscode,ubuntu之后黑屏,tomcat返回数据慢,爬虫梯,php编程规范,湖南霸屏seo外包,动科企业网站管理系统漏洞,站长之家 ecshop模板lzw

首页

投稿

易语言复制文件源码,做图软件 ubuntu,网站部署在tomcat上,爬虫冷冻假死,php删除目录函数,天津怎么学seo关键词优化靠谱lzw

私信

易语言加群方式源码,vscode方向键修改,ubuntu 获取权限,tomcat 的目录结构,爬虫经济预测,php横线,荆州房产seo推广哪家好, iis网站发布,手机web app模板lzw

存档

如果我在限制上面的span中的字符。

$(“nav_block span”).wordLimit(8);

它使用了下面的一个算定义jquery插件的方法，这是我从点点网扣下来的：

// copyright c by zhangxinxu v1.0 -09-05

/* $(".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);

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。