[問題] 如何做出移動地圖的效果

[zak200571 (烏茲達樂芙)]

最近想做一個效果是一張尺寸很大的圖片
在網頁中可以只能看到其中一部分，但是有上下左右的箭頭按下去之後可以看到其他部分
像GOOGLE地圖一樣的效果
示意圖：
假如原圖是這張
http://i.imgur.com/t1omzpn.jpg
做出來的效果像這樣
http://i.imgur.com/Bcb4mNz.jpg

請大家幫幫我><
謝謝大家

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 124.11.189.4
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1428749075.A.990.html
→ mmis1000: 就擺4個按鈕來操作<img>的top跟left阿
→ mmis1000: http://jsbin.com/dacumi
→ zak200571: mmis1000大大 我照你的程式寫 按鈕按了沒有動畫QQ
→ iamnodoubt: 說真的..人家都幫你做好飯端到你面前..然後你說..
→ iamnodoubt: 你不會吃飯...加油好嗎?
→ zak200571: 我把他分成一個CCS跟JS include進我的HTML可是CHROM寫
→ zak200571: undefined is not a function
→ mmis1000: 因為它必須放在onload或body底部...
→ mmis1000: 而且要引入jquery跟jquery ui