黒い背景にテキストを退色させます

私は白から黒にテキストを退色させる次の退色コードを持っていますが、私のウェブサイトで私はバックバックラウンドを持ち、これを黒から白に退色させる必要があります。。黒い背景にテキストを退色させます

<html> 
<head> 
<title>Fading Text Example</title> 
<script language="javascript"> 
var hcolor=255; 
function Fade(direction) { 
obj=document.getElementById("head1"); 
hcolor += direction; 
if (hcolor >= 0 && hcolor < 256) { 
hex=hcolor.toString(16); 
if (hex.length==1) hex="0" + hex; 
obj.style.color="#" + hex + hex + hex; 
window.setTimeout("Fade(" + direction + ");",1); 
} 
} 
</script> 
</head> 
<body onLoad="Fade(1);"> 
<h1 ID="head1" style="color:#FFFFFF;"> 
Fading Text Example</h1> 
</body> 
</html>

出典

2012-05-14 Michael Petridis

は、なぜあなたはjQueryの 'fadeIn'のAPIを使用していませんか？ http://api.jquery.com/fadeIn/ – Bongs

それは機能がすでに方向を指定する機能が含まれているようだ、ちょうど1の代わりに-1を渡し、そしてhColor以下に私もわずかに書式設定を編集したノード0に初期設定変数名をクリーンアップし、それを少しだけクリーナー/より遵守してください。

<html> 
    <head> 
     <title>Fading Text Example</title> 
     <script language="text/javascript"> 
      var hColor=0; 
      function fade(direction) { 
       obj=document.getElementById("head1"); 
       hcolor += direction; 
       if ((hColor >= 0) && (hColor < 256)) { 
        hex=hColor.toString(16); 
        if (hex.length==1) hex="0" + hex; 
        obj.style.color="#" + hex + hex + hex; 
        window.setTimeout("fade(" + direction + ");",1); 
       } 
      } 
     </script> 
    </head> 
    <body onload="fade(-1);"> 
    <h1 id="head1" style="color:#FFFFFF;">Fading Text Example</h1> 
</body>

出典

2012-05-14 04:49:13 Jhong

黒い背景にテキストを退色させます

答えて

関連する問題