Javascript 在鼠标上方显示文本

这就是我从现在起所做的：

 <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 €</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>

函数取消隐藏（divID）{
var item=document.getElementById（divID）；
如果（项目）{
item.className=（item.className='hidden'）？'unhidden'：'hidden'；}

冯
比斯
发起人
施特雷克
普赖斯
报户口
08.07.2013
08.07.2013
伊莫拉
245,00 €

冯
比斯
发起人
普赖斯
链接

这里是网址：

---

我希望在单击月份时，表格会像现在一样显示，在鼠标上的月份链接上也会显示。有人能帮我吗？Thx

您可能不需要JavaScript，只需CSS即可实现：

.item-page h3:hover + div .hidden { 
    display:block;
    visibility:visible;
}

---

您可以将

onmouseover

和

onmouseout

属性附加到超链接

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

---

我注意到您正在使用相同的函数来隐藏和取消隐藏。您可能需要创建两个单独的函数，因为对于我提供的代码，将鼠标悬停在链接上会将其取消隐藏，但单击链接会再次将其隐藏。

还有

title

属性：

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

欢迎我

该网站无法在您正在搜索的Firefox Btwounds上运行。是的，我知道，徽标显示得太大了，但我找不到原因。谢谢，它可以运行！！！！！你是对的，但我把onmouseout放在一边，它也能工作，第二个onmouseover就是隐藏。移动浏览器很可能需要具有链接的取消隐藏功能。最后一个问题是：我如何才能使取消隐藏最多只有一个div？例如，如果你取消隐藏七月和鼠标在八月七月关闭？再次感谢您可以使用

。本质上，这将切换所有表的可见性。不过，这可能很容易中断，因为它假定其中一个表已经打开。出于这个原因，我强烈建议您将

hide（）

和

unhide（）

转换为单独的函数。好吧，我想我会按照您的建议来做。但是我能给这两个函数赋予相同的项吗？className=='hidden'。是的，可以。为了再次展示它，您可以使用

item.className='

删除

隐藏的
类。我想说的是，如果您发现CSS可以完全实现您希望用Javascript实现的功能，请选择CSS。