欧美性生交大片免费看_国产成人无码一二三区视频_亚洲免费观看视频_亚洲中文字幕无码av永久_天天天天躁天天爱天天碰2018

Hello，各位小伙伴們大家好啊，本周我們回歸建站小教程環(huán)節(jié)。

今天小編帶來的是炫酷的圖文聯(lián)動效果，那么話不多說我們現(xiàn)在就開始?：

如下圖所示，這是我們官網(wǎng)首頁上面的一個圖文聯(lián)動效果的案例，而這樣的效果只需要我們在編輯器中簡單的設(shè)置一下就可以完成，不懂代碼也可以輕松搭建網(wǎng)站。

首先像上述案例，我們可以看到其實這里是有兩個圖文組件構(gòu)成的，所以我們可以先添加一個兩欄的容器組件，然后一左一右各添加一個圖文組件：

添加完成以后我們分別對兩個組件進行樣式設(shè)置，調(diào)整它們的格式

然后我們依次添加圖片，這里我為了說明使用了同一套圖片，在實際應(yīng)用是可以填充不同的圖片

圖片填充完畢以后，我們就可以進行最終互動效果的設(shè)置了，先點擊左側(cè)圖文組件，在出現(xiàn)的黑色編輯欄中點擊 “設(shè)置” 中的 “代碼” ，并復(fù)制組件ID。

復(fù)制ID完成以后，我們點擊右側(cè)的圖文組件，在“設(shè)置”中的“交互”中進行設(shè)置

這樣這里的交互功能就設(shè)置完成了，我們可以對兩個圖文組件進行一些調(diào)整，讓整體看起來更協(xié)調(diào)一些

最后我們點擊發(fā)布就可以去實際網(wǎng)頁查看效果了