编码鼠标悬停后700ms出现的按钮工具提示

Question

我试图创建一个工具提示，在鼠标滚动到按钮后700ms出现。当鼠标滚动时，尖端应该消失。目前，我有以下代码，它将鼠标悬停提示并在mouseleave上将其删除：

onmouseover:function(editor,url) {
                  $('#mlinc_tip').show();
               },
onmouseleave:function(editor,url) {
                 $('#mlinc_tip').hide();
               }

这很好，但没有延迟。

如果我将onmouseover功能更改为：

onmouseover:function(editor,url) {
         setTimeout(function() {
             $('#mlinc_tip').show(0);},700);
           },

我在鼠标悬停时得到700毫秒的延迟，但是当我将鼠标从按钮上移开时，在鼠标完全关闭之前会产生一些鼠标悬停，并且那些再次开始超时700毫秒后，小费回来了。

感谢任何想法。

Answer 1

你需要使用delay（），但显示不会排队，所以使用css

onmouseover:function(editor,url) {
         $('#mlinc_tip').delay(700).css({'display':'block'});
       }

OR

onmouseover:function(editor,url) {
         $('#mlinc_tip').css({'display':'block','opacity':0}).delay(700).animate({'opacity':1},0);
       }