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
然後然後這是設計這個網頁的板模
我是初學者 希望有人能解惑
樓上網友們說的都對,你如果要看懂那個手遊網頁運作機制,
可能要先把 HTML + CSS + JAVASCRIPT 熟練(網頁前端部份),
然後才有辦法討論這東西怎麼做出來的,最近正好it邦在辦鐵人賽,
有很多相關的好文章陸續出土,快去挖寶吧...
我簡單弄了一個類似的demo給你參考,
http://www.web3d.url.tw/ITHELP/JQUERY_20190929/
你給的手遊網頁不一定是用同樣方法做的,不過我想原理是差不多的。
最後建議,有空上網搜一下"提問的藝術"...
好的答案 通常跟在好的提問後面。
應該是使用了 滑鼠事件去控制對話,然後移過去的時候,可能會隨機跳出 "已建立好的回答"
。
移過去的時候,其實圖片區域那邊,會有大概圖片大小的區域,只要偵測到有滑鼠靠近,就會自動改變顯示的文字。
這是網路上,有大大寫的滑鼠控制的範例程式,供您參考。