0

我希望有人能回答我的问题，这对你来说可能很容易，但我不太习惯 JavaScript。

所以我用这段代码做了一个菜单：

function tabSwitch(new_tab, new_content) {  

    document.getElementById('content_1').style.display = 'none';  
    document.getElementById('content_2').style.display = 'none';  
    document.getElementById('content_3').style.display = 'none';          
    document.getElementById(new_content).style.display = 'block';     

    document.getElementById('tab_1').className = '';  
    document.getElementById('tab_2').className = '';  
    document.getElementById('tab_3').className = '';          
    document.getElementById(new_tab).className = 'active';        

}

单击时显示的区域tab_1等等content_1。但是我想在鼠标悬停在不同选项卡的区域上时显示内容。你能帮帮我吗，我在网上查了一下，但找不到任何东西，也许是因为我实际上对 JavaScript 一无所知。

所以，感谢您的时间和帮助。

编辑：

这是调用 TabSwitch 的地方吗...我希望如此

<ul class="tabs">  
    <li><a href="javascript:tabSwitch('tab_1', 'content_1');" id="tab_1" class="active"><img src="img/flash.png" /></a></li>  
    <li><a href="javascript:tabSwitch('tab_2', 'content_2');" id="tab_2"><img src="img/brush.png" /></a></li>  
    <li><a href="javascript:tabSwitch('tab_3', 'content_3');" id="tab_3"><img src="img/wheel.png" /></a></li>  
</ul>
4

1 回答 1

0

您可以参加onmouseover事件，因为它也支持 a 和 li 标签，另外还可以查看 onmouseout（非常相似）以了解两者。

这样，菜单元素的 li 标签将如下所示：

<li onmouseover="tabSwitch('tab_1', 'content_1');"><a href="#" id="tab_1" class="active"><img src="img/flash.png" /></a></li>
<li onmouseover="tabSwitch('tab_2', 'content_2');"><a href="#" id="tab_2"><img src="img/brush.png" /></a></li>

当您将鼠标悬停在元素上时，将触发 Onmouseover。我想你从这里得到了这个想法。

于 2013-04-03T10:19:45.050 回答