Hintergrund änderung via mouseover

VCF · 30. Juli 2005

So...hatte leider erst jetzt wieder zeit mich mit diesem Thema zu befassen...

Dieses script wechselt doch wieder nur die Farbe meiner Hp, oder täusch ich mich !

Ich möchte aber mein Hintergrundbild (zb.ein Auto, Flugzeug...was auch immer) gegen ein Anderes (Auto....) wechseln !!

Maik · 30. Juli 2005

VCF hat gesagt.:
Dieses script wechselt doch wieder nur die Farbe meiner Hp, oder täusch ich mich !

Korrekt, Gumbo's Beispiel bezieht sich auf die Hintergrundfarbe.

VCF hat gesagt.:
Ich möchte aber mein Hintergrundbild (zb.ein Auto, Flugzeug...was auch immer) gegen ein Anderes (Auto....) wechseln !!

Wenn eine Hintergrundgrafik getauscht werden soll, lautet der CSS-Code :

Code:

body 
{
background-image: url(verzeichnis/grafik1.jpg);
}

body.neue-Klasse 
{
background-image: url(verzeichnis/grafik2.jpg);
}

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
body 
{
background-image: url(verzeichnis/grafik1.jpg);
}

body.neue-Klasse 
{
background-image: url(verzeichnis/grafik2.jpg);
}
-->
</style>

</head>
<body>

<p onmouseover="document.getElementsByTagName('body')[0].className+=' neue-Klasse'" onmouseout="document.getElementsByTagName('body')[0].className=document.getElementsByTagName('body')[0].className.replace(/neue-Klasse/, '')">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas quis.</p>

</body>
</html>

Hintergrund änderung via mouseover

VCF

Mitglied

Maik

Neue Beiträge