ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryによるインターレース色変更メソッドの簡単な実装

jqueryによるインターレース色変更メソッドの簡単な実装

小云云
小云云オリジナル
2017-12-23 10:12:332301ブラウズ

フロントエンド開発は jquery と切り離せないものであり、この記事では主に jquery のインターレースカラー効果の実装について詳しく紹介します。 。 みんな。

この記事の例では、参考のために jquery インターレース カラー表示の特定のコードを共有します。具体的な内容は次のとおりです

レンダリング

コード


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
<script type="text/javascript">
$(function(){
$("tr:odd").attr("bgColor","#DD1C73");
$("tr:even").attr("bgColor","#875BE6");
})
</script>
<body>
<form id="form1" runat="server"> 
  <p> 
  <table width="300px"> 
      <tr><td>11111</td></tr> 
      <tr><td>22222</td></tr> 
      <tr><td>33333</td></tr> 
      <tr><td>44444</td></tr> 
      <tr><td>55555</td></tr> 
      <tr><td>55555</td></tr> 
  </table> 
 
  </p> 
  </form> 
</body>
</html>

小さな関数、学習しましたか。 ?急いで試してみてください。

関連する推奨事項:

JS コントロール テーブルのインターレース カラー変更実装コードの表示

リスト ページのインターレース カラー変更効果を実装するための JS サンプル コード共有

マウス操作時のインターレース ライン カラー変更を実現する純粋な JS コードハイライトに移動します

以上がjqueryによるインターレース色変更メソッドの簡単な実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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