在那里,这是我现在所达到的目标:
<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>
</p>
<p>
</p>
</div>
</div>
这里的网址为:http://www.dieraber.altervista.org/index.php/en/rennstrecken-terminenn 我希望点击表格显示的月份就像现在一样,并且在鼠标悬停月份链接上也会显示它。谁能帮我? THX
答案 0 :(得分:2)
您可以将onmouseover
和onmouseout
属性附加到超链接。
<a href="javascript:unhide('Juli');" onmouseover="unhide('Juli');" onmouseout="unhide('Juli');"><span style="color:#000000;">Juli</span></a>
我注意到你正在使用相同的功能来隐藏和取消隐藏。您可能想要创建两个单独的函数,因为使用我提供的代码,将鼠标悬停在链接上将取消隐藏它,但单击该链接将再次隐藏它。
答案 1 :(得分:0)
如果没有带有CSS的JavaScript,你可能会这样做:
.item-page h3:hover + div .hidden {
display:block;
visibility:visible;
}
答案 2 :(得分:0)
还有title
属性:
<span title="this is the tooltip text">hove me</span>