javascript - 编写鼠标悬停后 700 毫秒出现的按钮工具提示

Question

我正在尝试创建一个在鼠标滚动到按钮上 700 毫秒后出现的工具提示。当鼠标滚落时，尖端应该消失。目前，我有以下代码，可以在鼠标悬停时显示提示并在鼠标离开时将其移走:

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()，但是show不会排队所以使用css

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

或者

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