Question

我有这个代码，它在一个id为“tooltip-container”的框中显示工具提示 - 目前它只是弹出...我怎样才能让它褪色很好并且在滚降时淡出？

当前代码：

$(document).ready(function(){
    $('.tippytrip').hover(function(){
    var offset = $(this).offset();
    console.log(offset)
    var width = $(this).outerWidth();
    var tooltipId = $(this).attr("rel");
        $('#tooltip-container').empty().load('tooltips.html ' + tooltipId).show();
        $('#tooltip-container').css({top:offset.top, left:offset.left + width + 10}).show();
    }, function(){
        $('#tooltip-container').hide();
});
    });

Answer 1

而不是.show()使用.fadeIn(timeInMS) .fadeOut()

也是如此

Answer 2

您只需在show（）和hide（）方法中添加一段时间......

.show(1000); // takes 1 second to fade in
.hide(1000); // takes 1 second to fade out

将fadein效果应用于工具提示？

2 个答案: