Text dynamisch ändern mit DHTML

Bewegen Sie die Maus über diesen Text...

Funktioniert leider nur mit Internet Explorer.

Sourcecode:

</head>

<style>
 .redBigText { color: red; font-size: 14pt; line-height: 18px; }
 .NormalText { color: green; font-size: 12pt; line-height: 18px; }
</style>

</head>

<body>

<h1 id="H1Test" class="Normaltext" onmouseover="DoRed()" onmouseout="DoNormal()">
 Bewegen Sie die Maus über diesen Text...
</h1>

<script language="VBScript">

Sub DoRed ()
  H1Test.className = "redBigText"
End Sub

Sub DoNormal
  H1Test.ClassName = "NormalText"
End Sub

</script>

Hinweis:
Für Verweise auf www-Adressen gibt es in HTML das a-Element.
In Verbindung mit onmouseover (also <a onmouseover...) werden solche Verweise von Suchmaschinen im Web nicht gefunden, und sollten daher in diesem Fall nicht verwendet werden.

Also statt:

 <a onMouseOver="window.status='www.wbrnet.info'; return true" onMouseOut="window.status=''; 
   "href="http://www.wbrnet.info/" target="_top">Meine Webseite</a>
dieses verwenden:
 <a href="http://www.wbrnet.info/" title="www.wbrnet.info" target="_top">Meine Webseite</a>
 Ranking-Hits zurück Sitemap
Designed by www.wbrnet.info