一、使用場景
電腦網站新增懸停容器模塊,可實現鼠標移入模塊后,展示不同樣式的特效。

( ↑ 背景特效:遮罩淡入,懸停特效:淡入位移畫)
二、功能說明
【版本】免費版及以上版本
三、設置教程
1. 設置懸停容器模塊的入口(二選一)
1.1 通過電腦網站設計器懸浮面板【模塊-新增模塊-排版-懸停容器】路徑,拖拽懸停容器到指定位置,選擇懸停樣式。

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

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

3. 操作示例
3.1 添加“懸停容器”模塊,設置懸停容器。

3.2 懸停效果展示
① 背景特效:背景淡入,懸停特效:位移。

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

③ 懸停特效:位移。

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

四、懸停案例
想查看更多帶懸停效果網站實例?點擊下方圖片,搶先體驗模板!
▲精品化工涂料企業網頁模板
▲優選扶貧機構組織網站模板
▲個性游樂場官網公司模板
▲個性旅游團建企業免費網站模板
▲優選旅游度假村企業模板
?▲專業工商服務官網網站模板