jquery鼠标放上去显示悬浮层即弹出定位的div层

<div><a >鼠标放上去1</a></div>
<div >
    <ul>
        <li><a href="#">运动</a></li>
        <li><a href="#">钟表</a></li>
        <li><a href="#">男装</a></li>
        <li><a href="#">钻石饰品</a></li>
        <li><a href="#">女装</a></li>
        <li><a href="#">金银投资</a></li>
    </ul>
</div>

<script>
    var ishide = 0;//判断是否需要隐藏div
    function show(id1, id2) {
        var obj1 = $("#" + id1 + "");
        var obj2 = $("#" + id2 + "");
        if (ishide == 0) {
            ishide = 1;
        }
        $(obj2).css("display", "block");

        //var X = obj1.offset().top;
        //var Y = obj1.offset().left;
        //$(obj2).offset({ top: X + 20, left: Y }) 
        //$(obj2).css("left", X);
        //$(obj2).css("top", Y + 10);
    }
    function hide(id2) {
        ishide = 0;
        setTimeout(hide2, 400, id2);
    }
    function hide2(id2) {
        var obj2 = $("#" + id2 + "");
        if (ishide == 0) {
            $(obj2).css("display", "none");
        }
    }
</script>