數位茄子研究院

如果你希望你的 Wix 網站看起來更專業、更高級、更有互動感，那「互動式懸浮方塊（Hover Box）」絕對是你必學的功能。 什麼是懸浮方塊 Hover Box？ 固定狀態（Before） 浮動狀態（After） 浮動方塊在哪些地方最常用？ 如何新增浮動方塊 Hover Box？ 現有方塊變成 Hover Box 浮動 方塊 3 個好看的設計技巧 常見問與答 什麼是互動式浮動方塊 Hover Box？ 互動式浮動方塊Hover Box由兩個狀態組成 1. 固定狀態（Before） 使用者還沒把滑鼠移上去時看到的畫面。 例如： 靜態圖片 簡短文字 乾淨封面 2. 浮動狀態（After） 滑鼠移上去後出現的新畫面。 例如： 顯示更多資訊 換成不同圖片 反轉背景色 顯示按鈕 顯示人物介紹 / 商品資訊 這就是 Hover Box 最大的魔法： 一個方塊，兩個世界。 浮動方塊在哪些地方最常用？ 這些都是 Hover Box 的完美使用場景： 團隊成員卡片（滑上去出現人員介紹） 作品集（滑上去顯示作品說明） 產品資訊（滑上去顯示商品規格或價格） 課程介紹（