伊莉討論區

標題: 簡單的互動式網頁 [打印本頁]

作者: 花圃 時間: 2017-11-3 11:32 AM 標題: 簡單的互動式網頁

Hi~~版裡的高手大大們
想請問我想做一個感覺很簡單的互動式網頁
該怎麼做？
我的架構很簡單~~~就是底圖有三個圈圈
然後由左至右~~
當滑鼠或手指點到左邊的圈圈時會顯示簡單的幾行字然後再點中間的圈圈時也是顯示簡單的幾行字
然後最右邊的圈圈也是一樣
請問這樣會很難做到嗎？
希望能有高手指點~~

作者: kaowenkit 時間: 2017-11-24 09:46 PM

動態頁面 , 我習慣用 jQuery 做 , 包括 : 圈圈的運動與字的變化因為這樣比較不怕瀏覽器兼容性問題 , 如果要輸入字 , 或數字計算 , 再用 : 資料庫語言 , 我一般用 : php + mysql !

作者: kaowenkit 時間: 2017-11-24 09:55 PM

我想大大說的應該是動態頁面 , 只有編寫網頁程式輸出頁面 , 而所謂互動式網頁 , 是有輸入 , 有輸出才稱之 , 這是不同的 !

作者: 花圃 時間: 2017-11-25 01:52 AM

kaowenkit 發表於 2017-11-24 09:55 PM
我想大大說的應該是動態頁面 , 只有編寫網頁程式輸出頁面 , 而所謂互動式網頁 , 是有輸入 , 有輸出才稱之 ...

我後來有找到我要的方法~~~~
只是真的程式能力太差~~~所以後來沒寫出來~~
但還是謝謝回覆了~~

作者: moonshadow46 時間: 2018-1-20 01:51 AM

看你要做的多複雜吧。如果只是簡單的指標放上或點擊時對應出現文字，那其實有HTML和CSS就能做得出來。

首先當然你要把圖形放上 <img src="圖片儲存位置">，然後添加 on-click 或 hover，這讓你在點擊/指標在圖片上時，出現你指定的文字內容。至於實際操作，W3school 的網站上有不少資料，慢慢看吧

歡迎光臨伊莉討論區 (http://www1.eyny.com/)