常用的前端JS、CSS控制的便捷效果


div内容过长自动省略号,

<div class="tits" style="width:900px;">${item.note}</div>

	//自动计算长度,并剔除html元素
	$(".tits").each(function(i) {
	    var leg = 280;
	    $(this).html($(this).text());
    	    var copyThis = $(this.cloneNode(true)).hide().css({
                'position': 'absolute',
                'width': 'auto',
                'overflow': 'visible'
            });	
            $(this).after(copyThis);
            if(copyThis.width()>$(this).width()){
                $(this).html($(this).text().substring(0,leg)+'...');
                copyThis.remove();
            }else{
                copyThis.remove(); //清除复制
                return;
            }
	});


你可能感兴趣的:(常用的前端JS、CSS控制的便捷效果)