Question

这是我用jquery为标题标签写的一个小函数。

function tooltip(target_items, name){

  $(target_items).each(function(i){

        $("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");
    var my_tooltip = $("#"+name+i);

        $(this).removeAttr("title").mouseover(function(){
        my_tooltip.css({display:"none"}).fadeIn(400);
                }).mousemove(function(kmouse){
        my_tooltip.css({left:kmouse.pageX+15, top:kmouse.pageY+15});
                }).mouseout(function(){
        my_tooltip.fadeOut(400);                  
        });
  });

}

$(document).ready(function(){
       tooltip(".Tooltip", "tooltip");
});

我是jquery的新手，所以请耐心等待......

该功能正如我所料，但我希望改进它。有几个问题。

1）当光标快速盘旋在触发点上时，它会建立fadeIn和fadeOut进程的动画队列（我尝试使用.stop（）但不知道我是否正确执行）

2）如果浏览器窗口不够大并且调用工具提示功能，工具提示将显示在浏览器视图窗格之外，而不是像普通标题那样翻转到另一边（我不知道如何执行此操作）！）

非常感谢任何帮助，

提前致谢

Answer 1

第一个问题使用hoverIntent（http://cherne.net/brian/resources/jquery.hoverIntent.html）

对于第二个问题，如果窗口小部件离开窗口，则需要计算视图window.height（内存不足）的高度。

Jquery工具提示 - 我的功能的改进

1 个答案: