>  기사  >  웹 프론트엔드  >  CSS(js)는 page_javascript 기술에 표시되는 텍스트 문자 길이를 제한합니다.

CSS(js)는 page_javascript 기술에 표시되는 텍스트 문자 길이를 제한합니다.

WBOY
WBOY원래의
2016-05-16 17:45:131086검색
复aze代码 代码如下:





复代代码
代码如下: // 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({
'위치 ': '절대',
'너비': '자동',
'오버플로': '표시'
})
$(this).after(copyThis)
if (copyThis.width()>$(this).width()){
$(this).text($(this).text().substring(0,$(this).text(). 길이-4));
$(this).html() '...')
copyThis.remove()
$(this).wordLimit( );
}else{
copyThis.remove(); //清除复复
return;
}
}else{
var maxwidth=num
(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth))
$(this).html( $(this).html() '...');
}
}
})
}
})(jQuery);

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.