Text dynamisch ändern mit DHTML

Text dynamisch ändern mit DHTML

Bewegen Sie die Maus über diesen Text...

Funktioniert leider nur mit älterem 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 Webseiten-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 nicht verwendet werden.

Also statt:

 <a onMouseOver="window.status='www.wbrnet.info'; return true" onMouseOut="window.status=''; 
   "href="http://www.wbrnet.info/">Meine Webseite</a>
dieses verwenden:
 <a href="http://www.wbrnet.info/" title="www.wbrnet.info">Meine Webseite</a>
Sponsoren und Investoren

Sponsoren und Investoren sind jederzeit herzlich willkommen!
Wenn Sie die Information(en) auf dieser Seite interessant fanden, freuen wir uns über eine kleine Spende. Empfehlen Sie uns bitte auch in Ihren Netzwerken (z. B. Twitter, Facebook oder Google+). Herzlichen Dank!

Nach oben Sitemap
Impressum & Kontakt