一、功能效果

好看的電腦網站手風琴設計效果是這樣的：

也可以是這樣的：

讓我們一起進入電腦版網站開始設置吧。

二、功能說明

【版本】建站任意版本均支持使用手風琴模塊。

三、設置教程

1. 添加手風琴模塊

在設計頁面找到左側導航【模塊-添加模塊-排版】中找到【手風琴】模塊，單擊可添加到當前頁面底部，也可以長按拖動到想要的位置放置。

2. 編輯手風琴模塊

2.1 切換初始或懸停添加模塊

① 點擊切換【初始或懸停】，可以編輯初始狀態、鼠標懸停區域的懸停狀態效果。

② 可以長按拖動導航左側導航模塊面板的模塊放到手風琴模塊里，或者在手風琴模塊里點擊【添加模塊】按鈕后再選擇模塊。

2.2 添加或刪除列

① 在列工具欄上可以點擊【+】號添加列，在該列右側新增一列。

② 點擊刪除按鈕，則可刪除當前列。

（注意： 數量上不得少于2個列；不得多于6個列）

2.3 設置樣式

① 點擊設置樣式，可以對每一列編輯單獨設置樣式。

② 可以對選中列的初始與懸停分別設置背景。

③ 可以對列的更多設置做自定義編輯。

設置統一的列樣式，包括列寬度、列高度、懸停陰影、初始陰影（統一設置，不能單獨對某一單獨立設置，列寬度，數值單位是占比）

2.4 設置默認的懸停展開列

① 可設置列為默認展開的列，在網站打開后，當前列會為懸停展開的效果。默認是首個列為默認展開列，也可以根據需要設置居中的列為默認展開。

3. 批量編輯提高效率

3.1 復制列

可以編輯好一個列后，復制設計好的列，再刪除不需要的空白列，快速做批量編輯。

3.2 根據圖片背景編輯列

可以編輯好列的個數、寬高度后，通過添加圖片背景，根據圖片尺寸上傳設計好的圖，即可快速制作。

四、操作示例

1. 初始頁面添加內容：點擊【初始】設置您想要展示的內容。例如圖片，或者文字等等。

2. 給懸停頁面設置內容，可以是文字、圖片等等，根據您的實際情況設置即可。

3. 設置好初始頁面和懸停頁面內容后保存，即可實現手風琴效果啦。