2016-08-07 17 views
1

を変更したとき、私は私のフォーラムのために、このスクリプトを作り、誰かが私を助けることができれば、私は思っていた、赤に色の変化が、私は背景画像になりたい:Javascriptを、変更CSSの背景画像の色が

/images/redshield.png

、ここで緑の

/images/greenshield.png

スクリプトが

function flashy(index) { 
    setTimeout(function() { 
     if (index > 1) { 
      index = 0; 
      for (x = 0; x < document.getElementsByClassName('style113').length; x++) { 
       document.getElementsByClassName('style113')[x].style.color = 'Lime'; 
      } 
     } else { 
      for (x = 0; x < document.getElementsByClassName('style113').length; x++) { 
       document.getElementsByClassName('style113')[x].style.color = 'Red'; 
      } 
     } 
     index++; 
     flashy(index); 
    }, 100); 
} 
012です
+1

あなたは[値]を使用して 'backgroundImage'を設定することができますあなたは 'color'プロパティを設定するのと同じ方法でURL(/ path/to/image /)を作成します。 – guest271314

+2

2つの別々のクラス(1つは石灰の背景とgreenshield.png、もう1つは赤の背景とredshield.png)スタイル属性で作業するのではなく、クラスをスワップしますか? – kennasoft

答えて

0

それは本当にあなたのために背景画像を変更したい要素が何であるかに依存しますが、それを推測することは、その後、色の属性を取得すると同じ要素である:

function flashy(index){ 
setTimeout(function(){ 
    if(index > 1){ 
    index = 0;for(x = 0; x <   document.getElementsByClassName('style113').length; x++){ 
    document.getElementsByClassName('style113')[x].style.color = 'Lime'; 
    document.getElementsByClassName('style113')[x].style.backgroundImage = "url('/images/greenshield.png')"; 
    } 
    }else{ 
    for(x = 0; x < document.getElementsByClassName('style113').length; x++){ 
    document.getElementsByClassName('style113')[x].style.color = 'Red'; 
    document.getElementsByClassName('style113')[x].style.backgroundImage = "url('/images/redshield.png')"; 
    } 
    }index++;flashy(index); 
}, 100); 
} 
+0

それが動作しない –

+0

それは、ありがとう、ありがとう、ありがとう –

+0

ユーザーが要素の上を移動すると、それをどのように再生するのですか? –