Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 编写鼠标悬停700毫秒后出现的按钮工具提示_Javascript_Jquery - Fatal编程技术网

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

Javascript 编写鼠标悬停700毫秒后出现的按钮工具提示,javascript,jquery,Javascript,Jquery,我正在尝试创建一个工具提示,在鼠标滚动到按钮上700毫秒后出现。鼠标滑落时,尖端应消失。目前,我有以下代码可以在mouseover上显示提示,并在mouseleave上删除提示: onmouseover:function(editor,url) { $('#mlinc_tip').show(); }, onmouseleave:function(editor,url) { $('#mlinc_ti

我正在尝试创建一个工具提示,在鼠标滚动到按钮上700毫秒后出现。鼠标滑落时,尖端应消失。目前,我有以下代码可以在mouseover上显示提示,并在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毫秒后提示会回来

谢谢您的建议。

您需要使用delay(),但show不会排队,所以请使用css

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


您忘记删除setTimeout
show()
不使用动画队列,因此不会受到
delay()
的影响:对,但是css会吗?
onmouseover:function(editor,url) {
         $('#mlinc_tip').css({'display':'block','opacity':0}).delay(700).animate({'opacity':1},0);
       }