ホームページ > 記事 > ウェブフロントエンド > js クリップの気まぐれなカラフルなグラデーション ワード効果_javascript スキル
js クリップの気まぐれなカラフルなグラデーション ワード効果_javascript スキル
- WBOYオリジナル
- 2016-05-16 18:59:021003ブラウズ
以前は、Clip 属性を使用して、テキストの上半分と下半分を異なる色でつなぎ合わせていました。
すべての主要ブラウザと互換性のあるカラフルなグラデーション フォント。
ページ JS で本当に役立つ唯一の関数は、colorful() 関数です。
コードをコピー コードは次のとおりです。
function Colorful(obj,font,r,g,b,type){
var boxObj;
if(typeof(obj)=="string"||typeof(obj) )=="number" ){
boxObj = document.getElementById(obj);
}else{
boxObj = obj;
boxObj.innerHTML="" font "";
var num = boxObj.getElementsByTagName("a")[0].scrollWidth;
boxObj.innerHTML="";
for( var i=0;ivar j=i 1;
var c=Math.round(255/num*i);
switch(Number(type))
ケース 0: r=c;g=c;b=c;ブレーク;
ケース 1:r=c;ブレーク;
ケース 2:g=c;ブレーク; b=c;break;
}
var iObj = document.createElement("A");
iObj.style.clip="rect(auto " j " px auto " i "px )";
iObj.style.color="rgb(" r "," g "," b ")";
iObj.href="#";
boxObj .appendChild(iObj);
}
}
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。