2011-06-12 16 views
0

我正在構建一個足球遊戲,並希望允許我的用戶在線構建他們的陣容,而不使用大量的JavaScript。 。什麼動畫/功能用於陣容(用戶界面)?

我想有,左側,所有的球員姓名及職務上市,而右側是div的每個陣容位置填寫

我的兩個選擇是:

1)拖放球員到他們的現場陣容上

OR

2)點擊播放器(變成高亮顯示),並點擊次Ë點(這個名字出現在陣容和亮點在左側列表中消失)

哪個選項是最易於使用且多,你有什麼腳本示例爲動畫你認爲(說了2個玩家)我可以用作模型(我在服務器上安裝了Jquery)?我在網上找到的大多數拖放腳本對於如此簡單的事情來說太複雜和沉重。

回答

0

在我看來,從用戶的角度來看,使用拖放更好。但這只是我的看法。

如果你想拖延下去,看看jQuery UI

0

這取決於你要多少趁內置DnD功能,而是一個解決方案,就是便攜式你可以看看像這樣的頁面,但這樣當你點擊球員,我會改變它它增加了mousemove事件處理程序,並在mouseup這將被刪除。

http://www.java2s.com/Code/JavaScript/Event/MouseDragandDrop.htm

你也可以看看使用Drag and Drop API爲支持它的瀏覽器,它會更簡單。

https://developer.mozilla.org/en/dragdrop/drag_and_drop

但是,如果你想要去與JQuery的解決方案,這也將是簡單的。

根據我的迴應,我相信DnD對於用戶界面來說是最好的選擇,但實現起來並不複雜,我給了你三個選擇。我個人與前兩個混合去。

+0

我會看看第二個選項,看起來很有趣,儘管我希望該功能在Firefox,GC,Safari和IE9中起作用(鏈接是Mozilla的開發者頁面,這就是爲什麼我很懷疑)。對於較早的IE版本,我不在乎。 – 2011-06-12 22:57:24

+0

在這裏尋找瀏覽器支持(http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5))和IE9和DnD API的問題(http:// stackoverflow .COM /問題/ 5500615 /互聯網資源管理器9拖動和拖放,DND) – 2011-06-12 23:05:16