増加する数値を使用して円形グラデーションの色を返す JS コード_JavaScript スキル

関数は次のとおりです。

コードをコピー コードは次のとおりです。

function gCL( i){
var f=parseInt((i )/5);
i=i %5;
switch(f){
case 0:return "#" cS2(255-i) *51) cS2 (i*51) "00";
ケース 1:return "#00" cS2(255-i*51) cS2(i*51);
ケース 2:return "#" cS2 (i*51 ) "00" cS2(255-i*51);
}
}
関数 cS2(i) {
var s=i.toString(16); return ("00 " s).substr(s.length);
}

gCL を使用すると、増加する数値を使用して、赤から緑、青へのグラデーション カラーを返すことができます。グラデーション効果は次のとおりで、合計 15 色の周期的なグラデーションです:

たとえば、次のアプリケーションでは、この関数を使用してハイパーリンクの背景色をグラデーションにします:

ホームページ<a id="a" onmouseover="cancel=0;colorful()" onmouseout="cancel=1;" href="http://www.jb51.net"> </a>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、それを実行するために更新する必要があります ]

この機能は変更可能です。より詳細な色の変更を生成できます。興味のある友達は試してみてください。