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

a および li タグでもサポートされているため、 onmouseoverイベントに行くことができます。さらに、両方を認識するために 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 に答える