Jquery實現鼠標移到某個對象，彈出顯示層。

    /**


 * 鼠標移上去顯示層  
 * @param divId 顯示的層ID  
 * @returns  
 */    
$.fn.myHoverTip = function(divId) {    
    var div = $("#" + divId); //要浮動在這個元素旁邊的層    
    div.css("position", "absolute");//讓這個層可以絕對定位    
    var self = $(this); //當前對象    
    self.hover(function() {    
        div.css("display", "block");    
        var p = self.position(); //獲取這個元素的left和top    
        var x = p.left + self.width();//獲取這個浮動層的left    
        var docWidth = $(document).width();//獲取網頁的寬    
        if (x > docWidth - div.width() - 20) {    
            x = p.left - div.width();    
        }    
        div.css("left", x);    
        div.css("top", p.top);    
        div.show();    
    },    
    function() {    
        div.css("display", "none");    
    }    
    );    
    return this;    
}    </pre> 

    在哪個對象旁邊顯示DIV，隨自己定義，只要定義一個ID即可：

    如： <a id="viewReInfo" href="#" >查看收件人回執情況</a>


需要顯示的DIV，根據需求自己定義，同樣只需定義ID即可：  

如：<div id="receiptInfo" class="receiptInfo"></div>  


調用上面的JS函數，代碼如下：  

$('#viewReInfo').myHoverTip('receiptInfo');  </pre>