layui提示

最新推荐文章于 2024-01-04 16:01:26 发布

码农挚友

最新推荐文章于 2024-01-04 16:01:26 发布

阅读量742

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_42012939/article/details/119113013

版权

js 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

$(function(){
	//导航鼠标移动右侧显示弹框
    $(".tips").each(function(){
        $(this).tipso({
            useTitle: false,
            position: 'right'
        });
    });

    //鼠标移动顶部显示弹框
    $(".utips").each(function(index,item){
        var t='';
        $(item).hover(function(){
            t = setTimeout(function(){
                var content=$(item).attr("data-tipso");
                $(".show_content").append(content);
                $(".show_bubble").stop(true,true).show();
                var left=$(item).offset().left;
                var width=$(".show_bubble").outerWidth(true);
                var widthOwn=$(item).outerWidth(true);
                var top = $(item).offset().top - realHeight($(".show_bubble"))-10;
                var left=left-width/2+widthOwn/2;
                var bwidth=widthOwn+20;
                $(".show_bubble").offset(function(){
                    newPos=new Object();
                    newPos.left=left;
                    newPos.top=top;
                    return newPos;
                });
                if(bwidth<200){
                    bwidth=200;
                }
                $(".show_content").css('max-width',bwidth);
                $(".show_arrow").css('left',width/2-10);
            },400);
        },function(){
            clearTimeout(t);
            $(".show_bubble").stop(true,true).hide();
            $(".show_content").empty();
        });
    });
});
//计算弹框的高度
function realHeight(obj) {
    var clone = obj.clone();
    clone.css("visibility", "hidden");
    $('body').append(clone);
    var height = clone.outerHeight();
    clone.remove();
    return height;
}

    .txt{ padding-right:5px;line-height: 30px;}
    .layui-card-header button{ border-radius:15px;}
    .layui-select-title {
        display: none;
    }
    .show_bubble{display:none;position:absolute;z-index:999;left:0;top:0;}
    .show_content{background:#353e51;color:#ffffff;border-top-color: #000;border-right-color: transparent;	border-left-color: transparent;	border-bottom-color: transparent; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; padding:10px; min-width: 20px; word-wrap: break-word;word-break: normal;}
    .show_arrow {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;border: 10px solid;border-top-color: #000;border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; width: 0; height: 0; position: absolute;   text-align: center; }
</style>

   <td><a href="javascript:getAction({$v.id},{$v.istatus});" data-tipso="复核失败原因：{$v.reviewdetail}<br />时间：{$v.reviewtime}"  class="utips a_148cf1">{$statsArr[$v.istatus]}</a></td>