• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

mouseout/-over verzögern?

Status
Für weitere Antworten geschlossen.
Bilox

Bilox

Neues Mitglied
hi...
hab nur ne ganz einfache frage...
kann man den mouseOUT-effekt auch verzögern:?:

wenn ja wie mit welchem befehl(attribut)?


thx schonmal... :-P:-P
 
müssste mit
setTimeOut(Funktion, Zeit in millisekunden).
gehen.
also bsp um 3 Sekunden verzögert.
setTimeout(chageImage(), 3000).

greez web_spider :D
 
ähm... nice... und super das das geht...

kannst mir auch nen bsp code dafür posten ich lerne grad noch... :wink:


thx
 
ich denke mal(bin mir aber net Sicher, sag bescheid wenns net klappt.):

HTML: 
<html>
<head>
<title>...</title>
<script type="text/javascript">
function overEffekt()
{
   //Hier machste dein Over effekt hin was weiß ich beispielsweise Farbe
   //aendern:
   document.getElementById("test").style.color='red';
}
</script>
</head>
<body>
<!-- CODE CODE CODE -->
<!-- Verzoegerung von 3 Sekunden -->
<div id="test" onmouseover="setTimeOut('overEffekt()', 3000);" onmouseour="irgendwas anderes">
<!-- CODE CODE CODE -->
</body>
</html>
greez web_spider :D
 
ähm sry bin grad verwirrt


HTML: 
<a href="" target="center" onmouseout="austausch1.src='bild_out.jpg'" onmouseover="setTimeOut('overEffekt()', 3000);austausch1.src='bild_over.jpg';">

oder muss das unbedingt in den <div> ?
 
ne kannste auch so machen:
Code: 
<html>
<head>
<title>...</title>
<script type="text/javascript>
function over()
{
    document.getElementById("austausch1").src='bild_over.jpg';
}
function out()
{
    document.getElementById("austausch1").src='bild_out.jpg';
}
</script>
</head>
<body>
<!-- CODE CODE CODE-->

<!-- mousout effekt [B]keine[/B] verzoegerung. -->
<!-- mouseover effelt [B]mit[/B] verzoegerung 3 sek -->

<a [B]id="link"[/B] href="" target="center" onmouseout="out();" onmouseover="setTimeOut('over()', 3000);">

<!-- CODE CODE CODE-->
</body>
</html>
 
Zuletzt bearbeitet:
und hier muss ich hinter das simicolon[;] schreiben?mousover="setTimeOut('over()', 3000);"also meinen link zur quelle des bildes meine ich
 
wieso?
die Quelle deiner Bild steht ja schon in den Funktionen?
//edit
Sorry mach mal so:
HTML: 
<html>
<head>
<title>...</title>
<script type="text/javascript">
function overeffekt()
{
    document.getElementById("austausch1").src='over_effekt.jpg'
}

function outeffekt()
{
    document.getElementById("austausch1").src='out_effekt.jpg';
}
</script>
</head>
<body>
<!-- CODE CODE CODE-->

<!-- mousout effekt keine verzoegerung. -->
<!-- mouseover effelt mit verzoegerung 3 sek -->

<a href="" target="center" onmouseout="outeffekt();" onmouseover="setTimeout('overeffekt()', 3000);">lalalala</a>

<!-- CODE CODE CODE-->
</body>
</html>

Ich habe es mit diesem Beispiel getestet und es klappt:
HTML: 
<html>
<head>
<title>...</title>
<script type="text/javascript">
function overeffekt()
{
    document.getElementById("link").style.color='red';
}

function outeffekt()
{
    document.getElementById("link").style.color='blue';
}
</script>
</head>
<body>
<!-- CODE CODE CODE-->

<!-- mousout effekt keine verzoegerung. -->
<!-- mouseover effelt mit verzoegerung 3 sek -->

<a id="link" href="" target="center" onmouseout="outeffekt();" onmouseover="setTimeout('overeffekt()', 500);">lalalala</a>

<!-- CODE CODE CODE-->
</body>
</html>
 
Zuletzt bearbeitet:
achso weil ich hab das hier so...
HTML: 
<!--
button1_a= new Image();
button1_a.src = "bild_out.png"
button1_b= new Image();
button1_b.src = "bild_over.png"
//-->
in der funktion,

und
HTML: 
<a href="html.html" target="center" onmouseout="austausch1.src='bild_out.png'" onmouseover="austausch1.src='bild_over.png';"><img src="ibild_out.png"border="0" width="120" height="22"name="austausch1">
wie muss ich da rein schreiben?
 
Zuletzt bearbeitet:
Du kannst das mit dem new image weglassen...
mach es so:
HTML: 
<html>
<head>
<title>...</title>
<script type="text/javascript">
function overeffekt()
{
    document.getElementByName("austausch1").src='bild_over.png';    
}
function outeffekt()
{
    document.getElementByName("austausch1").src='bild_out.png';
}
</script>
</head>
<body>
<!-- Effekt von 1,5 Sekunden Verzoegerung -->
<a href="html.html" target="center" onmouseout="outeffekt();" onmouseover="setTimeout('overeffekt()', 1500);"><img src="ibild_out.png" border="0" width="120" height="22" name="austausch1"></a>
</body>
</html>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben