js中文字悬浮

来源:互联网 发布:淘宝9秒视频制作软件 编辑:程序博客网 时间:2024/04/29 15:05

在js中我们常常会遇到一些文字需要悬浮,比如一些常常的地址等,直接放在表格中会影响样式,又不好看。所以我们需要判断当超过一定的字数,就用省略号代替,当鼠标放到该处时,就悬浮除整个文字内容。使用于easyUI、bootstrapTable

function addressmatter(value,row,index){
             if(value!=null){
                  if(value.length>6){
                      var values=value.substring(0,5)+"...";
                      var msg=new Array();
                      msg.push("<div  id='div_"+index+"' data-container='body' data-toggle='popover' data-placement='top'");
                      msg.push(" data-content=\""+value+"\" >");
                      msg.push("<span onmousemove =\"javascript:showMsg('div_"+index+"');\" onmouseout =\"javascript:hideMsg('div_"+index+"');\" >"+values+"</span></div>");
                      return msg.join("");
                }else{
                return value;
                    }
           }
}
//打开弹出框
function showMsg(id){
          $('#'+id).popover('show');
}
//关闭弹出框
function hideMsg(id){           

         $('#'+id).popover('hide');
}

原创粉丝点击