//知识点样式修改
(function($){
var htmlStr = $(".zxx_text_overflow_3").html();
$.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() + '...');
}
}
});
}
var widthWin2 = $(".zxx_text_overflow_3").width();
var widthZhi1 = Math.ceil(widthWin2 / 12);
$(".zxx_text_overflow_3").wordLimit(widthZhi1 * 3)
$(window).resize(function() {
$(".zxx_text_overflow_3").html(htmlStr);
var widthWin = $(".zxx_text_overflow_3").width();
var widthZhi = Math.ceil(widthWin / 12);
$(".zxx_text_overflow_3").wordLimit(widthZhi * 3);
});
})(jQuery);
最大三行,多出出省略 ...
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 找到fullcalendar.js, 找到代码为 isRTL:false,这句话 输入以下几句 monthName...
- 源站:http://fengyuanchen.github.io/viewer/ 应用: html: 源码上是正常...