问题

由于使用mouseover事件会在每一次鼠标移入时触发，当前一个tips未关闭时移入鼠标会造成tips位置的移动，如下图。

问题演示

使用的代码

$('.loginin').mouseover(function(){
    var that = this;
    layer.tips('您好，您已登录！', that,{
        tips: 3,
        end:function(){
            $('.tiping').removeClass('tiping');
        }
    });
});

解决方法

在显示tips的元素上添加一个tiping类，当tips销毁时删除。显示tips时，只要检测到有该类便不显示

优化代码

$('.loginin').mouseover(function(){
    if(!$(this).hasClass('tiping'))
    {
        $(this).addClass('tiping');
        var that = this;
        layer.tips('您好，您已登录！', that,{
            tips: 3,
            end:function(){
                $('.tiping').removeClass('tiping');
            }
        });
    }
});

最终效果