ホームページ > 記事 > ウェブフロントエンド > js_javascript スキルで画像の左から右へのグラデーション切り替え効果を実現する方法

js_javascript スキルで画像の左から右へのグラデーション切り替え効果を実現する方法

WBOYオリジナル: 2016-05-16 16:15:151667ブラウズ

この記事の例では、js を使用して画像を左から右にグラデーションで切り替える効果を実現する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

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

href="#" target=_blank>

<スクリプト>
var n=0;
var showNum = document.getElementByIdx_x("num");
関数 Mea(値){
n=値;
setBg(値);
再生数(値);
}
関数 setBg(値){
for(var i=0;i if(value==i){
showNum.getElementsByTagName_r("td")[i].className='woon';
}
それ以外{
showNum.getElementsByTagName_r("td")[i].className='ウォフ';
}
}
関数 play(値){
(fc){
とフィルター[0].Apply();
for(i=0;i フィルター[0].play();
}
}
関数clearAuto(){clearInterval(autoStart)}
function setAuto(){autoStart=setInterval("auto(n)", 5000)}
関数 auto(){
ん;
if(n>3)n=0;
メア(n);
}
関数 sub(){
ん--;
if(n メア(n);
}
setAuto();

ここで説明されている大家向けの JavaScript プログラムの設計が役立つことを望みます。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JQuery_jqueryにおけるextendの使用例の分析次の記事：JQuery_jqueryにおけるextendの使用例の分析

続きを見る

js_javascript スキルで画像の左から右へのグラデーション切り替え効果を実現する方法

関連記事