Auf Thema antworten 2026

Beitrag

<blockquote data-quote="martinhahn90" data-source="post: 963744" data-attributes="member: 206765">Servus =),ich habe es mir zur Aufgabe gemacht, einen DIV-Bereich grundsätzlich sichtbar zu haben, bei einem Mouseout langsam auszublenden und bei einem erneuten Mouseover langsam einblenden zu lassen.Nundenn, das ausblenden klappt schon wunderbar, dafür habe ich eine Funktion. Jedoch schaffe ich es einfach nicht, diese Funktion umzukehren, sodass der DIV sichtbar ist und (wenn sie gerade durch ein Mouseout ausgeblendet wurde) langsam wieder sichtbar wird.Hier einmal der Link zu der Datei:PS: Blend ist die Ausblendfunktion, Blendin sollte die Einblendfunktion sein...[code]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml&quot;&gt; &lt;head&gt;&nbsp; &lt;title&gt;Blendeffekt Test&lt;/title&gt;&nbsp; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;&nbsp; &lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;&nbsp; function blend ( obj, percent ) { if( typeof percent == &quot;undefined&quot; ) { &nbsp; &nbsp; percent = 100; &nbsp; &nbsp; } &nbsp; &nbsp; percent -= 5; &nbsp; &nbsp; if( percent &gt;= 0 ) { &nbsp; &nbsp; obj.style.opacity = percent/100; &nbsp; &nbsp; obj.style.filter = &quot;Alpha(opacity=&quot;+percent+&quot;)&quot;;&nbsp; &nbsp; } &nbsp; &nbsp; if( percent &gt; -100 ) { &nbsp; &nbsp; window.setTimeout(function() { blend( obj ,percent ); }, 50 ); &nbsp; &nbsp; } }function blendin ( obj, percent ) { if( typeof percent == &quot;undefined&quot; ) { &nbsp; &nbsp; percent = 0; &nbsp; &nbsp; } &nbsp; &nbsp; percent += 5; &nbsp; &nbsp; if( percent == 100 ) { &nbsp; &nbsp; obj.style.opacity = percent -= 5; &nbsp; &nbsp; obj.style.filter = &quot;Alpha(opacity=&quot;+percent+&quot;)&quot;;&nbsp; &nbsp; } &nbsp; &nbsp; if( percent &gt; -100 ) { &nbsp; &nbsp; window.setTimeout(function() { blend( obj ,percent ); }, 50 ); &nbsp; &nbsp; } }&lt;/script&gt; &lt;/head&gt; &lt;body&gt;&nbsp; &lt;div style=&quot;height: 100px; background-color: #00f; text-align: center;padding-top: 50px;&quot; onmouseout=&quot;blend(this);&quot; onmouseover=&quot;blendin(this);&quot;&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;[/code]Grüße und Danke im Voraus,Martin</blockquote>

[QUOTE="martinhahn90, post: 963744, member: 206765"] Servus =), ich habe es mir zur Aufgabe gemacht, einen DIV-Bereich grundsätzlich sichtbar zu haben, bei einem Mouseout langsam auszublenden und bei einem erneuten Mouseover langsam einblenden zu lassen. Nundenn, das ausblenden klappt schon wunderbar, dafür habe ich eine Funktion. Jedoch schaffe ich es einfach nicht, diese Funktion umzukehren, sodass der DIV sichtbar ist und (wenn sie gerade durch ein Mouseout ausgeblendet wurde) langsam wieder sichtbar wird. Hier einmal der Link zu der Datei: PS: Blend ist die Ausblendfunktion, Blendin sollte die Einblendfunktion sein... [code] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml"> <head> <title>Blendeffekt Test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script language="javascript" type="text/javascript"> function blend ( obj, percent ) { if( typeof percent == "undefined" ) { percent = 100; } percent -= 5; if( percent >= 0 ) { obj.style.opacity = percent/100; obj.style.filter = "Alpha(opacity="+percent+")"; } if( percent > -100 ) { window.setTimeout(function() { blend( obj ,percent ); }, 50 ); } } function blendin ( obj, percent ) { if( typeof percent == "undefined" ) { percent = 0; } percent += 5; if( percent == 100 ) { obj.style.opacity = percent -= 5; obj.style.filter = "Alpha(opacity="+percent+")"; } if( percent > -100 ) { window.setTimeout(function() { blend( obj ,percent ); }, 50 ); } } </script> </head> <body> <div style="height: 100px; background-color: #00f; text-align: center;padding-top: 50px;" onmouseout="blend(this);" onmouseover="blendin(this);"></div> </body> </html> [/code]Grüße und Danke im Voraus, Martin [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?