テーブル内の各 td タグをスクロールして「選択」するタイマー関数を実装しようとしています。これは自動的に行われます。特定の td タグをクリックしてそのタグを「選択」することでオーバーライドできます。再生ボタンはシーケンスを開始します。停止ボタンはシーケンスを停止します。
これは、テーブルを作成する私が持っているJavaScriptコードです(各tdのIDは、一意の「種ID」番号と1966年から2012年までの年から構成されています)。ボディタグにあります。
<script>
var year = 1966;
var speciesNum = document.getElementById("selectboxEnglish").value
document.write("<table id='yeartable' border='0'>");
for (var r=0; r<5; r++)
{
document.write("<tr>");
for (var d=0; d<=9; d++)
{
document.write("<td id="+speciesNum+"_"+year+">" + year + "</td>");
year+=1;
if (year == 2013){break};
}
document.write("</tr>");
}
document.write("</table>");
</script>
特定のtdタグを選択するためにmouseoverイベントを使用する現在のjquery関数は次のとおりです(headタグにあります:
$(document).ready(function () {
$("td").addClass("unselected");
$("td").mouseover(function () {
$("td").removeClass("unselected");
$("td").addClass("unselected");
$(this).removeClass("unselected");
$(this).addClass("selected");
var fileName = getFileName($(this).attr("id"));
$("#imgYear").attr("src", fileName);
$("#imgYear").attr("alt", fileName);
});
});
助けてください。