Я хочу иметь таблицу, которая меняет себя при наведении курсора мыши и возвращает обратно к исходной при наведении мыши.Вот лучшее, что я могу сделать:
<html>
<body>
<div id="line1">
<table onmouseover="showMore()" border="1">
<tr>
<td>this is sick</td>
</tr>
</table>
</div>
<script>
function showMore(){
document.getElementById("line1").innerHTML = "<table border='1' onmouseout='showLess()'><tr><td>this is awesome</td></tr></table>";
}
function showLess(){
document.getElementById("line1").innerHTML = "<table border='1' onmouseover='showMore()'><tr><td>this is sick</td></tr></table>";
}
</script>
</body>
</html>
Однако иногда, когда я убираю мышь, содержимое внутри по-прежнему не меняется на исходное.Есть ли лучший способ сделать это?
Спасибо!