onmouseover错误

Question

我想在文本"Me"上盘旋，然后用"You"弹出。

<div class="relative"> 
<p onmouseover="document.getElementById('toolTipDiv').className='activeToolTip'"
onmouseout="document.getElementById('toolTipDiv').className='idleToolTip'">Me<p/>
<div id="toolTipDiv" class="idleToolTip">You.</div>
</div>

Answer 1

我建议使用jQuery！

您的tooltipDiv应该将display: none作为CSS属性，然后使用：

<p onmouseover="$('#toolTipDiv').show();"
onmouseout="$('#toolTipDiv').hide();">Me<p/>

如果您的tooltipDiv显示在"Me“文本上，则会出现问题，因为onmouseout事件被触发。不知道你的toolTip在哪里出现！

Answer 2

<p class="me">Me</p>
<div id="activeToolTip">You</div>

jQuery

$('.me').hover(function() {
  $('#toolTipDiv').removeClass('idleToolTip').addClass('activeToolTip');
}, function(){
  $('#toolTipDiv').removeClass('activeToolTip').addClass('idleToolTip');
});

或

你可以做的就是“秀藏”：

$('.me').hover(function() {
  $('#toolTipDiv').toggle()
});