jQuery如何在溢出隐藏框上显示div

我使用简单的 js 轮播，代码如下：http://jsfiddle.net/w6fLA/ http://jsfiddle.net/w6fLA/

我试图在悬停“li”时显示带有 txt 的 div 框，但溢出隐藏隐藏了该元素，如何显示所有内容的框顶部？

这是我的js：

$('.jcarousel-skin-tango li').hover(
    function(){
        $(this).append($("<div class='box'><p>" + $(this).find('img').attr('alt') + "</p></div>").hide().fadeIn(300));
    },

    function(){
        $('.box').fadeOut(300, function() { $(this).remove();});
    }
);

这仍然需要一些技巧，但不要将工具提示附加到内部元素，而是将其应用到正文。然后使用offset图像 jQuery 对象的 top 和 left 属性。我也改变了一些CSS。

http://jsfiddle.net/w6fLA/1/ http://jsfiddle.net/w6fLA/1/

$('.jcarousel-skin-tango li').hover(
    function(){
        var $img = $(this).find('img');
        $('body')
            .append($("<div class='box'><p>" + $img
            .attr('alt') + "</p></div>")
            .hide()
            .fadeIn(300)
            .css('top', $img.offset().top + 60)
            .css('left', $img.offset().left + 30));
    },

    function(){
        $('.box').fadeOut(300, function() { $(this).remove();});
    }
);
​