| Autor |
Nachricht |
baumeisterBOB
Threadersteller
Dabei seit: 08.09.2003
Ort: -
Alter: -
Geschlecht: 
|
Verfasst Di 29.06.2004 12:02
Titel Ebene einblenden bei Mousover und an Mauszeiger halten |
  |
|
Hallo,
ich möchte bei mousover eines Textlinks eine Ebene einblenden. Solange sich die Maus über dem Link befindet soll die Ebene eingeblendet bleiben und der Maus folgen. Beim mouseout soll sie wieder verschwinden. Hatte schon mal ein Script, weiß aber nicht mehr woher bzw. wo es jetzt ist
Hoffe ich hab mich einigermaßen verständlich ausgedrückt....
Grüße und danke...
|
|
| |
  |
 |
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 40
Geschlecht:
|
Verfasst Di 29.06.2004 12:48
Titel
|
|
|
Also hier schon mal die erste Hälfte.
Das ist ein altes Script, daß ich mal schnell angepasst habe. Einblenden der Textebene und ausblenden funktioniert.
Jetzt müßtest Du nur nur den Mausfolger-Teil schreiben.
Das Problem dabei ist natürlich immer, daß man den Code für die verschiedenen Browser anders schreiben muß. Damit dieses Script hier auch in Netscape 4.7, im alten IE und in aktuellen Browsern läuft, mußte man den Code drei mal schreiben...
Tja und solche Mausverfolger machte ich am liebsten mit Flash. Das ginge ruckzuck damit...
| Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Layer</title>
<style type="text/css">
a {
font-family:verdana,arial,helvetica,sans-serif;
font-size:9pt;
color:#004080;
text-decoration:none;
font-weight:bold;
}
a:hover {
text-decoration:underline;
}
a:active{
color:#666666;
text-decoration:none;
}
#text1 {
position:absolute;left:100;top:200;
font-family:verdana,arial,helvetica,sans-serif;font-size:13px;color:#000000;
visibility:hidden;
}
#text2 {
position:absolute;left:100;top:200;
font-family:verdana,arial,helvetica,sans-serif;font-size:13px;color:#000000;
visibility:hidden;
}
#text3 {
position:absolute;left:100;top:200;
font-family:verdana,arial,helvetica,sans-serif;font-size:13px;color:#000000;
visibility:hidden;
}
#text4 {
position:absolute;left:100;top:200;
font-family:verdana,arial,helvetica,sans-serif;font-size:13px;color:#000000;
visibility:hidden;
}
</style>
<script type="text/javascript">
function zeigText(ziel)
{
if (document.all)
{
document.all[ziel].style.visibility = 'visible';
}
else if (document.layers)
{
document.layers[ziel].visibility = 'show';
}
else if (document.getElementById)
{
document.getElementById(ziel).style.visibility = 'visible';
}
}
function textWeg(ziel)
{
if (document.all)
{
document.all[ziel].style.visibility = 'hidden';
}
else if (document.layers)
{
document.layers[ziel].visibility = 'hide';
}
else if (document.getElementById)
{
document.getElementById(ziel).style.visibility = 'hidden';
}
}
</script>
</head>
<body>
<a href="#" onmouseover="zeigText('text1')" onmouseout="textWeg('text1')">Text 1</a>
<a href="#" onmouseover="zeigText('text2')" onmouseout="textWeg('text2')">Text 2</a>
<a href="#" onmouseover="zeigText('text3')" onmouseout="textWeg('text3')">Text 3</a>
<a href="#" onmouseover="zeigText('text4')" onmouseout="textWeg('text4')">Text 4</a>
<div id="text1">Hier steht irgendein Text</div>
<div id="text2">Hier steht irgendein Text<br> Hier steht irgendein Text<br> Hier steht irgendein Text</div>
<div id="text3">oder der Inhalt der Seite,<br> auf die der Link gesetzt ist</div>
<div id="text4">blablabla<br>blablabla</div>
</body>
</html>
|
|
|
| |
|
|
|
Anzeige
|
|
|
Nimroy
Community Manager
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 39
Geschlecht:
|
Verfasst Di 29.06.2004 13:11
Titel
|
|
|
|
Nur der Interesse halber: Wie soll es zu einem MouseOut kommen, wenn die Ebene der Maus folgt?
|
|
| |
 |
|
baumeisterBOB
Threadersteller
Dabei seit: 08.09.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 29.06.2004 13:29
Titel
|
|
|
@rob
danke für den Code schau ich mir gleich mal an.
ja mit flasch wärs wirklich kein problem. aber: "wir machen hier eine business seite die zielgruppe könnte ja kein flash haben und dann ist ein tragendes element nicht verfügbar." Zitat Chef 
@Nimroy
die verfolgt ihn nur wenn ich mir der Maus innerhalb des textlinks bin sobald ich draussen bin -> mouseout -> ebene weg
Zuletzt bearbeitet von baumeisterBOB am Di 29.06.2004 13:34, insgesamt 1-mal bearbeitet
|
|
| |
|
|
Nimroy
Community Manager
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 39
Geschlecht:
|
Verfasst Di 29.06.2004 13:51
Titel
|
|
|
Danke.
@deinem Chef  ^^
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Problem mit JS mousover
Imagemap mit Mousover
Als Anfänger Galerie mit MousOver in Flash - machbar?
mousover DIV ein-/ausblenden Problem (z-index, verzögerung)
[JS] popup im Vorderdgrund halten
Mauszeiger erstellen
|
|
Willkommen auf dem Portal für Mediengestalter
