Glühende Links...

phpBB2.de User Anmeldungsdatum: 05.08.2002 Beiträge: 113

und so wirds gemacht:

Nach start color die Anfangs-Farbe eintragebn, bei endcolor die Endfarbe Wink

Der Hyperlink muss nicht extra bearbeitet Wink

Code:

startColor = "#000099"; // initial link color
endColor = "#FF0000"; // final link color

stepIn = 25; // delay when fading in
stepOut = 25; // delay when fading out

autoFade = true;

sloppyClass = false;

hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

document.onmouseover = domouseover;
document.onmouseout = domouseout;

startColor = dehexize(startColor.toLowerCase());
endColor = dehexize(endColor.toLowerCase());

var fadeId = new Array();

function dehexize(Color){
var colorArr = new makearray(3);
for (i=1; i<7; i++){
for (j=0; j<16; j++){
if (Color.charAt(i) == hexa[j]){
if (i%2 !=0)
colorArr[Math.floor((i-1)/2)]=eval(j)*16;
else
colorArr[Math.floor((i-1)/2)]+=eval(j);
}
}
}
return colorArr;
}

function domouseover() {
if(document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
fade(startColor,endColor,srcElement.uniqueID,stepIn);
}
}

function domouseout() {
if (document.all){
var srcElement = event.srcElement;
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
fade(endColor,startColor,srcElement.uniqueID,stepOut);
}
}

function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}

function hex(i) {
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];}

function setColor(r, g, b, element) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
element.style.color = "#"+hr+hg+hb;
}

function fade(s,e, element,step){
var sr = s[0]; var sg = s[1]; var sb = s[2];
var er = e[0]; var eg = e[1]; var eb = e[2];

if (fadeId[0] != null && fade[0] != element){
setColor(sr,sg,sb,eval(fadeId[0]));
var i = 1;
while(i < fadeId.length){
clearTimeout(fadeId[i]);
i++;
}
}

for(var i = 0; i <= step; i++) {
fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
}
fadeId[0] = element;
}

Script by drweb

Administrator Anmeldungsdatum: 02.08.2002 Beiträge: 4735 Wohnort: Aachen

Hi,

soll das ein MOD sein ?

Bye
Stefan

Hallo,

ist das nicht der Fading-Links Mod?
Der wäre ja im D/L-Bereich erhaltbar.....

MfG Tom

phpBB2.de User Anmeldungsdatum: 05.08.2002 Beiträge: 113

Ne ne das is kein Mod

Ich hab nur gedacht das währe für Leute intresant die auch glühende Links auf ihrer Homepahe haben wollen. Drum hab ichs ja uch in Coding gepostet. Wink

phpBB2.de User Anmeldungsdatum: 06.08.2002 Beiträge: 36 Wohnort: Delmenhorst

nette sache. Smile

wie muss der code für meinen hyperlink aussehen, wenn ich die fadinglinks bespielsweise nur im menü haben möchte und nicht auf der restlichen seite? also praktisch so wie class="menue"

Hexemer hat folgendes geschrieben:

Der Hyperlink muss nicht extra bearbeitet Wink

Jeder Link wird dadurch glühend....

MfG Tom

phpBB2.de User Anmeldungsdatum: 05.08.2002 Beiträge: 113

Hab ich auch so gemeint Wink

phpBB2.de User Anmeldungsdatum: 06.08.2002 Beiträge: 36 Wohnort: Delmenhorst

wenn ich das aber nicht will?

ich möchte, dass nur bestimmte links glühen. wie muss dann das script ausschaun?

phpBB2.de User Anmeldungsdatum: 15.08.2002 Beiträge: 1

jupp, das würd mich auch mal interessieren.. sobald ich versuch daran rumzuspielenklappt es nimmer Twisted Evil

phpBB2.de User Anmeldungsdatum: 26.08.2002 Beiträge: 68

Ahhhhh!

meint ihr des ERNST!

Also des da oben ist ein CSS Code!
in den Code müsst ihr einfach noch verschiedene Classifikationen für verschiedene Links einfügen!
z.B. für einen Link im Text, im Footer... ODER im Menü

Wen du also die Klassification nur auf des menü setzt glüht nur das menü!

phpBB2.de User Anmeldungsdatum: 09.09.2002 Beiträge: 23 Wohnort: Zürich, CH

@grinseschnitzel: das ist ein js -_-

phpBB2.de User Anmeldungsdatum: 26.08.2002 Beiträge: 68

für mich is des auf den ersten Blick ein css Code!

phpBB2.de User Anmeldungsdatum: 02.08.2002 Beiträge: 1172 Wohnort: Bayern

Zeig mir mal CSS-Code mit funktionen Cool

*g*
Fabro

phpBB2.de User Anmeldungsdatum: 26.08.2002 Beiträge: 68

OK!

Hab nur schnell drüber geschaut! (mir is jetzt keine bessere Ausrede eingefallen!)

Rolling Eyes