类似51job点击登录弹出层方法

--- js 方法 (注意还需要调用jquery核心库)

 

--- #

loginDiv 需要显示div层,默认为不显示display:none;

function showLoginDiv(obj) {

        var widthTemp = $("#loginDiv").outerWidth();

        var objTop = $(obj).offset().top;

        var objLeft = $(obj).offset().left;

        var objWidth = $(obj).width();

        var objHeight = $(obj).height();

        var leftTemp = parseInt(objLeft) + parseInt(objWidth) - parseInt(widthTemp);

        var topTemp = parseInt(objTop) + parseInt(objHeight);

        $("#loginDiv").css({ "zIndex": 100000, position: "absolute", top: topTemp + "px", left: leftTemp + "px" }).show();

    }

  

--- 显示层

<a href="#" οnclick="showLoginDiv(this);">test</a