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