当将鼠标悬停在HTML元素上时,我有一个显示工具提示的Javascript代码。现在,我想给这个元素一个大约6毫秒的延迟。在CSS中,使用transition命令非常容易。但是,我在Javascript中找不到过渡样式命令。是否有解决方案,或者我必须更改为另一种编程语言?
JavaScript代码:
var bghtooltipin = document.getElementById('bgh-tooltipin1');
var bghtooltipout = document.getElementById('bgh-tooltipout1');
bghtooltipin.addEventListener('mouseover', bghtooltipinmouseOver);
bghtooltipin.addEventListener('mouseout', bghtooltipoutmouseOut);
function bghtooltipinmouseOver() {
bghtooltipout.innerHTML = 'Go to Login';
bghtooltipout.style.color = "white";
bghtooltipout.style.top = "0";
}
function bghtooltipoutmouseOut() {
bghtooltipout.innerHTML = ' ';
bghtooltipout.style.top = "-99999px"
}
您可以使用如下形式:
bghtooltipout.style.transition = "all 6s";
像这样的东西是Vanilla JS