預設動效設置教程

一、使用場景

電腦網站、自適應的網站設計器，通過設定模塊入場/強調動畫、按鈕特效、圖片特效等多種預設動畫，快速搭建企業(yè)個性化設計網站，提高網站用戶體驗。

二、功能說明

【版本】初級版及以上版本

三、設置教程

1. 模塊動畫介紹

將鼠標懸停在某個模塊上面，點擊懸浮菜單欄中的“模塊動畫”按鈕，即可設置入場動畫及強調動畫。

▲電腦網站“模擬動畫”設置入口

  ▲自適應網站“模擬動畫”設置入口

▲電腦網站模塊動畫設置頁面

▲入場動畫設置效果

列表多圖、輪播多圖、圖文展示、文章列表等模塊僅提供入場動畫，但有動畫組合可供挑選。電腦網站中，動畫組合還可以調整動畫的觸發(fā)方式及方向。

▲電腦網站“列表多圖”模塊動效設置

2. 按鈕樣式

電腦網站及自適應網站的【按鈕】模塊除了可以設置入場/強調動畫外，還可以設置按鈕樣式。

按鈕支持多種樣式設置，包括輸入數值調整按鈕寬高、設置按鈕背景懸停色以及文本懸停色等，以增加用戶點擊率。在設置面板中，按鈕樣式還可以即改即顯，馬上查看修改的效果。

▲電腦網站“按鈕”樣式設置

3. 圖片特效

使用范圍：電腦網站、自適應網站的列表多圖、圖冊目錄、產品展示、圖片、圖文展示等模塊

設置方法：可通過編輯模塊來設置，具體操作教程如下：

① 電腦網站：

圖片模塊：點擊工具欄“模塊特效”，在彈窗中選擇任一特效即可。

▲電腦網站“圖片模塊”特效設置

其他模塊：點擊工具欄中的“編輯模塊”按鈕，選擇“圖片特效”即可設置。

▲電腦網站“列表多圖”圖片特效設置

② 自適應網站：點擊懸浮工具欄中的“編輯”/“編輯模塊”按鈕，在彈窗頁面中點擊【動畫設置-圖片特效】，選擇任意一個特效即可。

▲自適應網站“圖片模塊”特效設置

▲自適應網站“列表多圖”圖片特效設置

▲圖片特效效果展示