前台文字较多,增加悬浮层显示
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" });
}
}
}
相关文章推荐
- mysql如何查询最近的一条记录
- iOS 图标适配官网
- 瞎总结
- HTTP 代理原理及实现
- Best code水题之路
- 集训——挑战(P18,Poj NO.1852)
- javascript DOM对象
- 优先队列-stl
- 黑苹果驱动
- 100行php代码实现加密端口转发
- 数据录入达人(数据录入达人官方下
- (转)30道面试题
- windows10 qt5 mingw32编译cryptopp563
- docker – 你应该知道的10件事
- 阿里云服务器被挖矿minerd入侵的解决办法
- 【转】利用Pspice分析放大器环路的稳定性
- mysql如何字段引用和防止出现数据库关键字
- 工厂方法模式
- 开方运算(求根)-- 中值定理
- hashCode与equals的区别与联系