nicht angemeldet
onmouse
Hallo, kürzlich war ich auf einer Beispiel-Seite, da konnte ich mit dem Coursor über das Hintergrundbild fahren und es öffnete sich über dem Hintergrundbild ein neues kleines Fenster. In einem anderen Beispiel war der Hintergrund weiß und beim Darüberfahren öffnete sich ebenfalls ein kleines Fenster mit einem Ausschnitt des Hintergrundbildes. Leider habe ich die Adresse vergessen und ich komme auch nicht mehr ran.
Wie erreiche ich diese Effekte? Gruß Martin
-
hi,
da wirst Du um ein etwas intensiveres Studium der hiesigen Dokumentation nicht herumkommen. Anyway, Du brauchst:
eine Browserweiche,
eine Funktion zum Referenzieren von div-layern
eine Funktion zum ein/ausblenden.Im Prinzip geht es wie im Script. Also: nix wie ran an Selfhtml...
Gruss Joachim
<html>
<head><style type="text/css">
#ebene0 {
position:absolute;
top:50px;
left:20px;
width:auto;
height:auto;
padding:3px;
background-color:red;
layer-background-color:red;
visibility:hidden;
border: none;
}
</style><script language="javascript1.2">
// kleine browserunterscheidung anhand bekannter objekte
var nc = !!(document.captureEvents && !document.getElementById);
var ie4 = !!(document.all && !document.documentElement);// einfache div-layer referenzieren
function dRefS(num) {return (nc? document.layers[num] : (ie4? document.all[num].style : document.getElementById(num).style))}
// verstecken oder zeigen, je nachdem ob 0 oder 1 uebergeben wird
function dpl(stat) {dRefS("ebene0").visibility = stat? "visible" : "hidden";}</script>
</head>
<body>
<a href="#" onmouseover="dpl(1)" onmouseout="dpl(0)">zeige</a>
<div id="ebene0">test</div></body>
</html>