您的位置:首页 > 其它

前台文字较多,增加悬浮层显示

2016-07-18 11:27 351 查看




suspendLayer($('#lblRemind'), 20);//添加悬浮层
function suspendLayer(obj, length) {
var hasImg = obj.parents("td").find("img").length > 0;
var html=obj.parents("td").find("label").html();

var temp = obj.parents("td").find("label");
temp.find("img").remove();//移除图片标签
var text = temp.text();

var width = text.length;
if (width > length||hasImg) {
obj.parents("td").find("label").html(text.substring(0, length) + "...");
var ssLayer = "<div class='susLayer'>" + html + "</div>";
obj.parents("td").css("position", "relative").append(ssLayer).on("mouseover", function () {
$(this).find(".susLayer").show();
}).on("mouseout", function () {
$(this).find(".susLayer").hide();
});

if (!hasImg) {
obj.parents("td").find(".susLayer").css({ "width": "300px", "text-align": "left", "max-height": "250px", "overflow-y": "auto" });
} else {
obj.parents("td").find(".susLayer").css({ "text-align": "left" });
}

}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: