預(yù)設(shè)動效設(shè)置教程

一、使用場景

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

二、功能說明

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

三、設(shè)置教程

1. 模塊動畫介紹

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

▲電腦網(wǎng)站“模擬動畫”設(shè)置入口

  ▲自適應(yīng)網(wǎng)站“模擬動畫”設(shè)置入口

▲電腦網(wǎng)站模塊動畫設(shè)置頁面

▲入場動畫設(shè)置效果

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

▲電腦網(wǎng)站“列表多圖”模塊動效設(shè)置

2. 按鈕樣式

電腦網(wǎng)站及自適應(yīng)網(wǎng)站的【按鈕】模塊除了可以設(shè)置入場/強調(diào)動畫外，還可以設(shè)置按鈕樣式。

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

▲電腦網(wǎng)站“按鈕”樣式設(shè)置

3. 圖片特效

使用范圍：電腦網(wǎng)站、自適應(yīng)網(wǎng)站的列表多圖、圖冊目錄、產(chǎn)品展示、圖片、圖文展示等模塊

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

① 電腦網(wǎng)站：

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

▲電腦網(wǎng)站“圖片模塊”特效設(shè)置

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

▲電腦網(wǎng)站“列表多圖”圖片特效設(shè)置

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

▲自適應(yīng)網(wǎng)站“圖片模塊”特效設(shè)置

▲自適應(yīng)網(wǎng)站“列表多圖”圖片特效設(shè)置

▲圖片特效效果展示