[問題] 如何做出移動地圖的效果 zak200571 PTT批踢踢實業坊

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

作者: zak200571 (烏茲達樂芙) 2015-04-11 18:44:32

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

作者: mmis1000 (秋月戀楓) 2015-04-11 18:51:00

就擺4個按鈕來操作<img>的top跟left阿http://jsbin.com/dacumi

作者: zak200571 (烏茲達樂芙) 2015-04-11 21:09:00

mmis1000大大我照你的程式寫按鈕按了沒有動畫QQ

作者: iamnodoubt (Have Fun) 2015-04-11 21:11:00

說真的..人家都幫你做好飯端到你面前..然後你說..你不會吃飯...加油好嗎?

作者: zak200571 (烏茲達樂芙) 2015-04-11 21:33:00

我把他分成一個CCS跟JS include進我的HTML可是CHROM寫undefined is not a function

作者: mmis1000 (秋月戀楓) 2015-04-11 22:30:00

因為它必須放在onload或body底部...而且要引入jquery跟jquery ui

繼續閱讀

[問題] method get、post定義bbb304bbb [問題] 請問申請網域的流程為何?freebug [問題] webhostingpad的form突然不能用？pata203 Fw: [問題] 請問Google AdSense是什麼?banana2014 [問題] 虛擬主機選擇howie7853 [請益] 可加入自己寫的程式的套版網站ashaly [問題] 請問有探討網頁排版編輯的書(資源)嗎?john110290 [問題] 手機版網頁嵌入影片無法自動播放jeiwean [問題] 請問CSS的遮罩一定只能用圖片嗎?banana2014 [問題] 從websql抓資料進JS有問題tttrrr