In diesem Artikel wird die Methode von JS beschrieben, um zu realisieren, dass die Mausverletzung des Textverbindungsmaus ein- und ausgeht, um die Farbe zu ändern. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <! DocType html public "-// w3c // dtd html 4.0 transitional // en">
<html>
<kopf>
<titels> js implementiert Textverbindungsempfindungsmaus, um die Farbe </title> zu ändern
</Head>
<body>
<script Language = "JavaScript" type = "text/javaScript">
startColor = "#671700"; // Definieren Sie die Linkfarbe
EndColor = "#D8D1C5"; // definieren
STEPIN = 17;
Stepout = 23;
/*
Definieren Sie, ob alle Textverbindungen automatisch abgestimmt werden sollen. Ja, false ist nein nein
*/
autofade = true;
/*
Hier ist die Klassenklasse: Verblassen Sie im CSS -Stil. Wenn Sie wahr sind, müssen Sie diesen Fade -Stil zu dem Link hinzufügen, den Sie abschneiden möchten.
*/
sloppyClass = false;
Hexa = neuer Makearray (16);
für (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 = domaineover;
document.onmouseout = domaineout;
startColor = deHexize (startColor.tolowerCase ());
EndColor = DEHEXISE (endColor.tolowerCase ());
var fadeid = new Array ();
Funktion Dehauen (Farbe) {
var colorarr = neuer Makearray (3);
für (i = 1; i <7; i ++) {
für (j = 0; j <16; j ++) {
if (color.charat (i) == hexa [j]) {
if (i%2! = 0)
colorarr [math.floor ((i-1)/2)] = eval (j)*16;
anders
Colorarr [math.floor ((i-1)/2)]+= eval (j);
}
}
}
return colorarr;
}
Funktion domouseover () {
if (document.all) {
var srcelement = event.srcelement;
if ((srcelement.tagname == "a" && autofade) || srcelement
FADE (STARTCOLOR, ENDCOLOR, SrcElement.uniqueId, Stepin);
}
}
Funktion domouseout () {
if (document.all) {
var srcelement = event.srcelement;
if ((srcelement.tagname == "a" && autofade) || srcelement
FADE (EndColor, StartColor, srcelement.uniqueId, Stepout);
}
}
Funktion Makearray (n) {
this.length = n;
für (var i = 1; i <= n; i ++)
dies [i] = 0;
gib dies zurück;
}
Funktion hex (i) {
if (i <0)
zurück "00";
sonst wenn (i> 255)
zurück "ff";
anders
Return "" + Hexa [Math.Floor (I/16)] + Hexa [i%16];}
Funktion setColor (r, g, b, element) {
var hr = hex (r); var hg = hex (g); var hb = hex (b);
element.style.color = "#"+hr+hg+hb;
}
Funktion Fade (s, E, Element, Schritt) {
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) {
Clearimeout (Fadeid [i]);
i ++;
}
}
für (var i = 0; i <= Schritt; i ++) {
fadeid [i + 1] = setTimeout ("setColor (math.floor (" + sr + " * ((" + Schritt + " -" + i + ")/" Schritt + ") +" + er + " * (" + i + "/" + + +
Schritt + ")), math.floor (" + sg + " * ((" + Schritt + " -" + i + ")/" + Schritt + ") +" + EG + " * (" + i + "/" + Schritt +
")), Math.floor ("+sb+" * (("+Schritt+"-"+i+")/"+Schritt+")+"+Eb+" * ("+i+"/"+Schritt+"),"+Element+");", i * Schritt);
}
fadeid [0] = Element;
}
</script>
<p> <a href = "// www.vevb.com"> Stecken Sie die Maus in diesen Textlink, um den Vorschau -Effekt anzuzeigen </a> </p>
</Body>
</Html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.