jQuery拼圖小游戲 最後樣式 核心代碼部分 <script type="text/javascript" > $(function () { $("td").click(function () { //獲取點擊的圖片的id id = parseInt($(this).prop("id")); / ...
jQuery拼圖小游戲
最後樣式
核心代碼部分
<script type="text/javascript" >
$(function () {
$("td").click(function () {
//獲取點擊的圖片的id
id = parseInt($(this).prop("id"));
//向下
if (id + 3 < 10 && $("td[id=" + (id + 3) + "]").children().length==0)
{
$(this).find("img").appendTo($("td[id=" + (id + 3) + "]"));
}
//向上
if (id - 3 > 0 && $("td[id=" + (id - 3) + "]").children().length == 0) {
$(this).find("img").appendTo($("td[id=" + (id - 3) + "]"));
}
//向左
if (id % 3 != 1 && $("td[id=" + (id -1) + "]").children().length == 0) {
$(this).find("img").appendTo($("td[id=" + (id -1) + "]"));
}
//向右
if (id % 3 != 0 && $("td[id=" + (id + 1) + "]").children().length == 0) {
$(this).find("img").appendTo($("td[id=" + (id + 1) + "]"));
}
})
})
</script>
body部分