javascript - マウスオーバー時にテキストを表示

Question

こんにちは、これは私が今から到達したものです：

 <script type="text/javascript">
 function unhide(divID) {
 var item = document.getElementById(divID);
 if (item) { 
 item.className=(item.className=='hidden')?'unhidden':'hidden'; }}
 </script>
<h3><strong><a href="javascript:unhide('Juli');"><span style="color:#000000;">Juli</span></a></strong></h3>
<div id="col2">
    <div id="Juli">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Von</th>
                    <th>Bis</th>
                    <th>Promoter</th>
                    <th>Strecke</th>
                    <th>Preis</th>
                    <th>Anmeldung</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>08.07.2013</td>
                    <td>08.07.2013</td>
                    <td><a href="index.php/en/events-promoters/rehm">REHM RACEDAYS</a></td>
                    <td>Imola</td>
                    <td>245,00 €&lt;/td>
                    <td><a href="">ausgebucht</a></td>
                </tr>
                <tr>
                </tbody>
        </table>
    </div>
    <h3>
        <strong><a href="javascript:unhide('August');"><span style="color:#000000;">August</span></a></strong></h3>
    <div id="col3">
        <div class="hidden" id="August">
            <table class="table table-striped">
                <thead>
                    <tr>
                                            <th>Von</th>
                        <th>Bis</th>
                        <th>Promoter</th>
                        <th>Preis</th>
                        <th>Link</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <p>
            &nbsp;</p>
        <p>
            &nbsp;</p>
    </div>
</div>

ここに URL があります: http://www.dieraber.altervista.org/index.php/en/rennstrecken-terminenn 月をクリックすると、表が現在と同じように表示され、月にマウスオーバーするとそれが表示されます。リンクも表示されます。誰でも私を助けることができますか？どうも

Answer 1

onmouseoverおよびonmouseout属性をハイパーリンクに添付できます。

<a href="javascript:unhide('Juli');" onmouseover="unhide('Juli');" onmouseout="unhide('Juli');"><span style="color:#000000;">Juli</span></a>

非表示と再表示に同じ機能を使用していることに気付きました。私が提供したコードでは、マウスをリンクの上に置くと非表示になりますが、リンクをクリックすると再び非表示になるため、2 つの別個の関数を作成することをお勧めします。

Answer 2

title次の属性もあります。

<span title="this is the tooltip text">hove me</span>