0

テキストを白から黒にフェードインできる次のフェードコードがありますが、私のWebサイトにはバックグラウンドがあり、これを黒から白にフェードする必要があります..

<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>
4

1 に答える 1

0

関数にはすでに方向を指定する機能が含まれているようで、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-14T04:49:13.517 に答える