header-logo
開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
聘用專業人士與專家配對,幫助實現目標。
placeholder-preview-image

Wix 編輯器:新增並設定浮動互動

透過新增浮動操作,讓 方塊重複器和元件更生動。訪客將滑鼠游標懸停在所選元件上時,即可看到這些效果。
在滑鼠移過時讓元件顯現或消失、新增效果並變更色彩。您還可以控制效果的時間設定,以發揮其極致潛力。
Wix 網站上使用浮動效果的 Gif。浮動時顯示蝴蝶拍動翅膀。

步驟 1 | 新增並設計元件

浮動互動可為網站增添趣味與動感。若要立即開始,請從 新增元件 面板新增方塊或重複列表。
點擊下方選項即可瞭解更多新增各個元件的相關資訊:

步驟 2 | 存取浮動模式

新增並設計元件後,請存取浮動模式以開始新增小部件。您可在此控制訪客將滑鼠游標懸停在方塊或重複器上時看到的內容。

若要存取浮動模式:

  1. 在編輯器中選擇方塊/重複列表。
  2. 根據元件類型,執行以下操作以存取浮動模式:
    • 方塊:點擊「浮動互動」圖示
    • 重複列表:點擊重複列表中的任何容器,然後選擇「浮動互動」圖示
  3. 點擊「立即開始」。
提示:
首次存取權浮動模式後,即可使用元件頂部的索引標籤在固定和浮動模式之間切換。
Wix 編輯器中的方塊鏡頭,強調固定和浮動索引標籤。

步驟 3 | 為元件新增浮動小部件


在浮動模式下,您可以讓元件顯現或消失,並添加酷炫效果。當訪客將滑鼠游標懸停在方塊或重複器項目上時,所有效果都會同時發生。

選擇操作項目: