http://wiki.joyme.com/fzzl/%E9%BB%84%E9%87%91%E5%8F%B2%E8%8E%B1%E5%96%B5
上面是某個手遊的資料站
進去之後左下角有個Q版角色圖片
用滑鼠點會跑出預設好的對話
我研究之後還是搞不懂為什麼Q版角色圖片可以用滑鼠移動，還有點了圖片會隨機出現對話
我嘗試複製這個網頁的原始碼測試，只能做出不會動的圖片
view-source:http://wiki.joyme.com/fzzl/%E9%BB%84%E9%87%91%E5%8F%B2%E8%8E%B1%E5%96%B5
上面是這個網頁的原始碼
http://wiki.joyme.com/fzzl/index.php?title=%E6%A8%A1%E6%9D%BF:%E8%AA%93%E7%81%B5%E5%9B%BE%E9%89%B4&action=edit
然後然後這是設計這個網頁的板模
我是初學者 希望有人能解惑
已邀請的邦友 {{ invite_list.length }}/5
樓上網友們說的都對，你如果要看懂那個手遊網頁運作機制，
可能要先把 HTML + CSS + JAVASCRIPT 熟練(網頁前端部份)，
然後才有辦法討論這東西怎麼做出來的，最近正好it邦在辦鐵人賽，
有很多相關的好文章陸續出土，快去挖寶吧...
我簡單弄了一個類似的demo給你參考，
http://www.web3d.url.tw/ITHELP/JQUERY_20190929/
你給的手遊網頁不一定是用同樣方法做的，不過我想原理是差不多的。
最後建議，有空上網搜一下"提問的藝術"...
好的答案 通常跟在好的提問後面。
應該是使用了 滑鼠事件去控制對話，然後移過去的時候，可能會隨機跳出 "已建立好的回答"。
移過去的時候，其實圖片區域那邊，會有大概圖片大小的區域，只要偵測到有滑鼠靠近，就會自動改變顯示的文字。
這是網路上，有大大寫的滑鼠控制的範例程式，供您參考。
iThome鐵人賽
看影片追技術