鼠标滑到某元素标签弹出div浮动框及其关闭

css：

<style type="text/css">
    .more111{
    top:event.clientY+10;
    left:event.clientX-330;
    z-index:1;
    position:absolute;
    }
</style>

html

元素

<a class="easyui-linkbutton" id="more1488242666447" plain="false">更多条件</a>

div：

<div style="display:none;background-color:#ffffff" class="more111" id="more111">
                        <table>
                        <tr>
                        <th>委托人：</th>
                        <td><input id="consignCodCombogrid" name="consignCod" style="width:100"/></td>
                        <th>货名：</th>
                        <td><input id="cargoCodCombogrid" name="cargoCod" style="width:100"></td>
                        </tr>
                        <!-- <tr>
                        <th>单证状态：</th>
                        <td><input id="checkIdCombogrid" name="cargoCod" style="width:100"></td>
                        </tr> -->
                        <tr>
                        <td></td><td></td><td></td>
                        <td style="align:right">
                        <input  style="align:right" type="button" value="确认" id="yes" />
                        <input  style="align:right" type="button" value="关闭" id="out" />

                        <input  style="align:right" type="button" value="清空条件" id="reset" /> </td>
                        </tr>
                        </table>
                        </div>

js：

  $("#more1488242666447").hover(function(){
                                          // $("#more111").css({top:event.clientY+10, left:event.clientX+20})
                                          $("#more111").show();
                                    });

                                    $("#out").on("click",function(){
                                          $("#more111").hide();
                                    })