Jondos - Animierte Grafiken

Animierte Grafiken

jondos - Animierte Grafiken

Fade Effekt

Buttons mit dem Fade Effekt sind Buttons, welche verblassen, sofern die Maus sich nicht gerade auf ihnen befindet. Dieser Effekt wird von Opera und Safari nicht angezeigt!
Zum Testen mit der Maus über die Grafik fahren

Folgender Quellcode wird in den Bodybereich Deiner Seite eingefügt:

<script type='text/javascript'>
<!--
faderbild = 'GRAFIKADRESSE.jpg';
IE = document.all &&!window.opera; 
GK = window.sidebar; 
AOB = []; 
x = 0;

function Fader() 
{ 
this.timeOut=false; 
this.fade=function(y) 
{ 
clearTimeout(this.timeOut); 
this.value=Number(eval('this.object.'+this.attr))+(this.delta*this.evt[y]); 
if(this.value>=this.min && this.value<=this.max) 
{ 
eval('this.object.'+this.attr+'='+this.value) 
this.timeOut=setTimeout('AOB['+this.index+'].fade('+y+')',this.rate); 
} 
} 
} 
function init_fader(obj,delta,rate,min,max,dir) 
{ 
if(IE || GK) 
{ 
AOB.push(new Fader(x)); 
OB = AOB[x]; 
OB.index = x; 
OB.object = obj; 
if(IE) 
{ 
OB.attr = 'filters.alpha.opacity'; 
OB.faktor = 1; 
} 
else 
{ 
OB.attr = 'style.MozOpacity'; 
OB.faktor = 100; 
} 
OB.delta = delta/OB.faktor; 
OB.rate = rate; 
OB.min = min/OB.faktor; 
OB.max = max/OB.faktor; 
OB.evt=[-1,1];if(dir)OB.evt.reverse(); 
OB.object.onmouseover = new Function('f1','AOB['+x+'].fade(0)'); 
OB.object.onmouseout = new Function('f2','AOB['+x+'].fade(1)'); 
OB.fade(0);x++; 
} 
} 
document.write('<div align="left"><img src="'+faderbild+'" border="1"  style="filter:alpha(opacity=50);opacity:0.5" onmouseover="init_fader(this,5,20,20,99,1)"></div>');
//-->
</script>

In der vierten Zeile wird "Grafikadresse.jpg" durch die Grafikadresse der zu fadenden Grafik ersetzt.

Hover Effekt

Grafiken mit einem Hovereffekt werden, während sich die Maus über diesen befindet, eine andere Grafik. Dieser Effekt wird findet sich bei fast allen Navigationsbuttons.
Bewegen Sie ihre Maus über folgende Grafik

Quellcode:

Marquee Grafiken

Quellcode:

Heute waren schon 9 Besucher (14 Hits) hier!

Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?

Gratis anmelden