jQuery > StripeAndHover

「jQuery/StripeAndHover」の編集履歴(バックアップ)一覧はこちら

jQuery/StripeAndHover」(2010/06/12 (土) 19:03:14) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

#javascript(){{ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("th:nth-child(odd)").addClass("odd"); $("tr:nth-child(even)").addClass("even"); <!-- $("tr:not(:first-child)").mouseover(function(){ $(this).addClass("hover"); }).mouseout(function(){ $(this).removeClass("hover"); }) $("td").mouseover(function(){ $("td:nth-child("+($("td").index(this)%$("th").size()+1)+")").addClass("hover"); }).mouseout(function(){ $("td:nth-child("+($("td").index(this)%$("th").size()+1)+")").removeClass("hover"); }) --> }) </script> }}
#javascript(){{ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("th:nth-child(odd)").addClass("odd"); $("tr:nth-child(even)").addClass("even"); }) </script> }}

表示オプション

横に並べて表示:
変化行の前後のみ表示: