JavaScripts -> Texteffekt -> Fließender Hover-Effekt, browserunabhängig
Dies ist ein "edler" Hover-Effekt, bei dem Links beim Überfahren mit der Maus langsam die Farbe wechseln.
Kompatibilität getestet:
Script-Code
<!--Fading Hover Effect v1.0 (c)2003 by Triple-M-->
<script type="text/javascript">
<!--
var Steps=16;
var Delay=30;
var Rum=0;
var Gum=0;
var Bum=0;
var Rm=255;
var Gm=128;
var Bm=128;
var Step=new Array();
var Dir=new Array();
function change(t) {
R=Rum + parseInt((Step[t]* (Rm-Rum))/Steps);
G=Gum + parseInt((Step[t]* (Gm-Gum))/Steps);
B=Bum + parseInt((Step[t]* (Bm-Bum))/Steps);
RGB="#";
if(R<16)RGB+="0";
RGB+=R.toString(16);
if(G<16)RGB+="0";
RGB+=G.toString(16);
if(B<16)RGB+="0";
RGB+=B.toString(16);
document.getElementById(t).style.color=RGB;
if((Step[t]==Steps) && (Dir[t]==1)) return;
if((Step[t]==0) && (Dir[t]==-1)) return;
Step[t]+=Dir[t];
window.setTimeout("change('"+t+"')",Delay);
}
function fade_m(t) {
if (isNaN(Step[t])) Step[t]=0;
Dir[t]=1;
change(t);
return;
}
function fade_um(t) {
if (isNaN(Step[t])) Step[t]=Steps;
Dir[t]=-1;
change(t);
return;
}
//-->
</script>
<script type="text/javascript">
<!--
var Steps=16;
var Delay=30;
var Rum=0;
var Gum=0;
var Bum=0;
var Rm=255;
var Gm=128;
var Bm=128;
var Step=new Array();
var Dir=new Array();
function change(t) {
R=Rum + parseInt((Step[t]* (Rm-Rum))/Steps);
G=Gum + parseInt((Step[t]* (Gm-Gum))/Steps);
B=Bum + parseInt((Step[t]* (Bm-Bum))/Steps);
RGB="#";
if(R<16)RGB+="0";
RGB+=R.toString(16);
if(G<16)RGB+="0";
RGB+=G.toString(16);
if(B<16)RGB+="0";
RGB+=B.toString(16);
document.getElementById(t).style.color=RGB;
if((Step[t]==Steps) && (Dir[t]==1)) return;
if((Step[t]==0) && (Dir[t]==-1)) return;
Step[t]+=Dir[t];
window.setTimeout("change('"+t+"')",Delay);
}
function fade_m(t) {
if (isNaN(Step[t])) Step[t]=0;
Dir[t]=1;
change(t);
return;
}
function fade_um(t) {
if (isNaN(Step[t])) Step[t]=Steps;
Dir[t]=-1;
change(t);
return;
}
//-->
</script>