html文字内容溢出,悬停展示全部

第一种方法jstl表达式实现


	
		
		${fn:substring(item.netprobe_nmap_running, 0, 30)}...
		
		${item.netprobe_nmap_running}
	

第二种方法js实现

'+data+'
//内容溢出处理:长度固定,溢出部分显示“...”,鼠标悬停展示全部 function bind_content_show(){ var myTilte ; $(".content_").mouseover(function(e){ var tip = "
"+insert_flg(this.title,'
',45)+"
"; myTilte = this.title; this.title = ""; $("body").append(tip); $("#tip").css({"top":(e.pageY+10)+"px","left":(e.pageX+20)+"px"}).fadeIn("1000"); }).mouseout(function(){ this.title = myTilte; $("#tip").remove(); }).mousemove(function(e){ $("#tip").css({"top":(e.pageY+10)+"px","left":(e.pageX+20)+"px"}); }); }; //字符串指定位置插入字符串,str表示原字符串变量,flg表示要插入的字符串,sn表示要插入的位置 function insert_flg(str,flg,sn){     var newstr="";     for(var i=0;i

你可能感兴趣的:(网站前端)