Java Bild mit Sprechblase - Erwin-Isabelle

Willkommen, Besucher
Bitte anmelden oder registrieren. Passwort vergessen?

Erwin-Isabelle

Forum

Technik

Javascript Tuts

Java Bild mit Sprechblase

(1 Leser) (1) Besucher

Hier ist eine kleine Javascript Sammlung.

Seite: 1

THEMA: Java Bild mit Sprechblase

Forum Tools

#800

Java Bild mit Sprechblase vor 10 Monaten, 3 Wochen Karma: 4

Über das Bild gehen und die Sprechblase geht auf.

Code:

<script type="text/javascript">

function anzeigen(das){

if(document.getElementById(das).style.display=="none") {

document.getElementById(das).style.display="inline";

}

else {

document.getElementById(das).style.display="none";

}

}

</script>



<style type="text/css">

.bereich {

position: absolute;

}



.beschreibung {

color: #76835F;

background-image: url(ausruf.gif);

background-repeat: no-repeat;

width: 171px;

height: 110px;

position: relative;

left: -15px;

display: block;

padding-top: 5px;

padding-left: 25px;

padding-right: 5px;

}

</style>



</head>

<body>



<!-- Erstes Bild -->

<img src="bild1.gif" onMouseover="anzeigen('text1');" onMouseOut="anzeigen('text1');">

<span class="bereich" style="display: none;" id="text1">

<div class="beschreibung">Beschreibung 1</div>

</span>



&nbsp; &nbsp; &nbsp; &nbsp;



<!-- Zweites Bild -->

<img src="bild2.gif" onMouseover="anzeigen('text2');" onMouseOut="anzeigen('text2');">

<span class="bereich" style="display: none;" id="text2">

<div class="beschreibung">Beschreibung 2<br></div>

</span>