nicht angemeldet
Textwechsel durch Maus rüberfahren
Hi,
wie kann man den Text wie bei "http://www.web.de/" hinbekommen?
In der Mitte der Seite sieht man "Im Blickpunkt" die wichtigsten Themen. Wenn man über eins der 3 Themen mit der Maus rüber fährt, ändert sich der Text.
Wenn ich aber die Seite bei mir speichern will, ist diese Funktion nicht mehr verfügbar. d.h. das dort noch ein Java oder Css nicht mitgenommen wird.
wie bekomme ich das auch so hin?
-
Hi,
wie steht es denn mit Deinen Kenntnissen in puncto dHTML / Javascript / DOM ?
Es gibt zig Möglichkeiten, das zu realisiern...Man reagiere auf Mouseevents (over/out) und ändere dann dynamisch
die gewünschten Eigenschaften, z.B. den Inhalt eines DIVs mittels
innerText oder innerHTML, oder die Sichtbarkeit von DIVs etc. etc.Das Web ist voll mit Beispielen und Tutorials dazu.
yves
-
Leider nicht so gut.
Gibt es vielleicht hierfür auch genaue Suchbegriffe?
Unter Mouseevents habe ich im Netz nicht so viel gefunden.
DANKE
-
-
Hallo mdamaszek.
wie kann man den Text wie bei "http://www.web.de/" hinbekommen?
Siehe Archiv.
Einen schönen Sonntag noch.
Gruß, Mathias
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
debian/rules-
Hi,
vielen Dank für deine Hilfe.
Ich habe mal den Text aus dem Archiv genommen und mit Bilder eingesetzt.
Leider klappt das nicht mit den Bildern.
Beim laden der Seite wird das große Bild zuerst und beim rüberfahren.
Wenn ich aber auf die 2. Textmarke fahre, wird das Bild kleiner gemacht.
d.h. das da noch ein Fehler beim laden der Bilder ist, aber wo?
Hier noch einmal der Text!<html>
<head>
<title>News</title>
<style type="text/css"><!--
.news { margin: 10px; width: 15em; background-color: #EEEEEE; }
.intro { display: none; }
--></style>
<script type="text/javascript" language="JavaScript" src="switchnews.js"></script>
</head><body>
<div class="news">
<div class="intro"><a href="http://damaszek.de"><img src="t3222560.jpg" alt="Frau mit Schnupfen"/></a></div>
<div class="text"><a href="http://damaszek.de"><img src="n3222560.jpg" alt="Frau mit Schnupfen"/></a></div>
</div><div class="news">
<div class="intro">Kurztext 2</div>
<div class="text">Langtext 2</div>
</div><div class="news">
<div class="intro">Kurztext 3</div>
<div class="text">Langtext 3</div>
</div></body>
</html> -
kleines P.S.
Das passiert aber nur beim ersten Bild oben. Alle anderen kommen erst klein und dann groß.
-