一、使用場景

電腦網站新增懸停容器模塊，可實現鼠標移入模塊后，展示不同樣式的特效。

（ ↑ 背景特效：遮罩淡入，懸停特效：淡入位移畫）

二、功能說明

【版本】免費版及以上版本

三、設置教程

1. 設置懸停容器模塊的入口（二選一）

1.1 通過電腦網站設計器懸浮面板【模塊-新增模塊-排版-懸停容器】路徑，拖拽懸停容器到指定位置，選擇懸停樣式。

1.2 也可以使用空白內容的【自由容器】，添加【自由容器】模板后鼠標懸停在模塊右上角，點擊工具欄中的“懸停特效”按鈕，便可開始設置。

2. 編輯展示效果

2.1 選擇懸停效果素材后，可編輯其初始與懸停狀態下的圖文展示效果。鼠標懸停在容器右上方，點擊工具欄中“設置懸停容器”，編輯更多的背景特效及容器特效。

3. 操作示例

3.1 添加“懸停容器”模塊，設置懸停容器。

3.2 懸停效果展示

① 背景特效：背景淡入，懸停特效：位移。

② 背景特效：背景淡入，懸停特效：位移、文案變色。

③ 懸停特效：位移。

④ 圖標：飛出，文案：變色、位移，黑色背景：飛入。

四、懸停案例

想查看更多帶懸停效果網站實例？點擊下方圖片，搶先體驗模板！

▲精品化工涂料企業網頁模板

▲優選扶貧機構組織網站模板

▲個性游樂場官網公司模板

▲個性旅游團建企業免費網站模板

?

▲優選旅游度假村企業模板

???

?▲專業工商服務官網網站模板