fadeToコマンド

説明補足説明コードコメント投稿

このサンプルは、jQueryのfadeTo()APIを利用して表の複数行をフェイドさせます。サンプルの[Fade Multiple Rows]ボタンをクリックすると行１、行３、行５にフェイドが適用されます。

このサンプルは、jQueryのfadeTo()APIを利用して表の複数行をフェイドさせます。サンプルの[Fade Multiple Rows]ボタンをクリックすると行１、行３、行５にフェイドが適用されます。 

$("#btnRun").click(function(){              
  $('table.gridview tr:nth-child(1) div').fadeTo(2000,0.33).fadeTo(2000,1.0);          
  $('table.gridview tr:nth-child(3) div').fadeTo(2000,0.33).fadeTo(2000,1.0); 
  $('table.gridview tr:nth-child(5) div').fadeTo(2000,0.33).fadeTo(2000,1.0);                 
});

<button id="btnRun">Fade Multiple Rows</button>

<table id="gridview" class="gridview">
  <tr>
    <td>
      <div>
        item1
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div>
        item2
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div>
        item3
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div>
        item4
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div>
        item5
      </div>
    </td>
  </tr>        
</table>