[問題] 透過JS與CSS定位分割完成九宮格拼圖

看板Ajax作者 (嗚拉拉)時間11年前 (2013/06/18 21:55), 編輯推噓2(2推 0噓 10→)
留言12則, 7人參與, 最新討論串1/1
最近在寫一個小遊戲是九宮格拼圖 有些限制條件... 限制如下: 1.以CSS定位的方式將「同一張圖」切割成九宮格 2.可隨機重新排列九宮格, 且保留一格使其可與緊鄰區塊交換 3.拼圖完成時需顯示拼圖完成 ------- 限制一的部分我已經透過分割為九個DIV與設定background-position方式達成 其餘兩個限制實在沒什麼想法.... 望板上各位先進給先建議提示 感謝各位 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.25.111.164
推
06/18 22:11, , 1F
腦中第一個想法是 canvas...
06/18 22:11, 1F
→
06/18 22:36, , 2F
2.3 用陣列可解 http://jsfiddle.net/BCJC4/4/
06/18 22:36, 2F
→
06/18 22:54, , 3F
我的第一個反應的確是陣列, 不過要存取什麼樣的數值呢?
06/18 22:54, 3F
→
06/18 22:54, , 4F
omg....Darkland不會是剛剛看完題目馬上寫出來的吧?
06/18 22:54, 4F
→
06/19 00:28, , 5F
是說陣列裡要存什麼嗎? 我這邊是直接存 html element
06/19 00:28, 5F
→
06/19 11:18, , 6F
聽起來不難啊 XD 九宮格自己切的你應該會知道答案吧
06/19 11:18, 6F
→
06/19 11:34, , 7F
已經得到很大的協助, 感謝各位撥冗進來瞭解我的問題 :)
06/19 11:34, 7F
→
06/20 00:20, , 8F
code 很有趣~
06/20 00:20, 8F
→
06/20 07:28, , 9F
以前看Header first 時，有類似的東西 @@"
06/20 07:28, 9F
→
06/20 07:28, , 10F
網站網址 : http://ppt.cc/bVaZ
06/20 07:28, 10F
→
06/20 07:29, , 11F
書中的程式碼: http://ppt.cc/LhhS
06/20 07:29, 11F
推
06/21 00:54, , 12F
有神快拜 <(_ _)>
06/21 00:54, 12F
‣ 更多 oowlala 的文章
文章代碼(AID): #1Hm6R9mz (Ajax)