一、功能效果

靈活運(yùn)用橫向標(biāo)簽?zāi)K即可做出好看的切換效果，讓您的網(wǎng)站鮮活起來。

三、設(shè)置教程

三、準(zhǔn)備工作

【圣誕老人部分】

1.利用ctrl+alt+A的截圖的方法，查看需要放置橫向標(biāo)簽?zāi)K的區(qū)域的寬度，如教程里的圖片寬度是870

2.準(zhǔn)備好一張和標(biāo)簽?zāi)K寬度一致的背景圖，如教程里的4格圣誕老人圖片。（是一張圖片喲！并不是4張哦！）

3.準(zhǔn)備好一張背景色為透明，只有粗線內(nèi)邊框的png圖片。邊框的寬高按2.背景圖的格局寬高來進(jìn)行自定義設(shè)置哦~

【文字部分】

1.準(zhǔn)備好n張文字背景圖，寬度需要和標(biāo)簽?zāi)K的寬度一致，而高度則按需求自定義設(shè)置。

（設(shè)計(jì)時請注意指示箭頭的位置哦~為什么是n張呢？例如教程是4個模塊切換，則需要準(zhǔn)備4張文字背景圖）

四、詳細(xì)步驟

1.添加"橫向標(biāo)簽"模塊

2.添加圖文展示模塊，編輯好文字、不填寫標(biāo)題，點(diǎn)擊保存。

3.鼠標(biāo)移到模塊上，點(diǎn)擊設(shè)置樣式，設(shè)置文字背景圖。

4.按需求添加多個圖文展示模塊，重復(fù)2.3.的操作，并將新加的圖文展示模塊拖進(jìn)標(biāo)簽?zāi)K。

5.鼠標(biāo)放在標(biāo)簽?zāi)K上，點(diǎn)擊“設(shè)置樣式”。

6.選擇"標(biāo)簽欄"選項(xiàng)卡，上傳設(shè)計(jì)好的背景圖（例如教程里的圣誕老人的圖片），并設(shè)置導(dǎo)航區(qū)高度、透明背景色、隱藏模塊邊框。

7.選擇標(biāo)簽項(xiàng)選項(xiàng)卡，參考下圖設(shè)置出鼠標(biāo)移過的切換效果。

8.設(shè)置好后點(diǎn)擊確定，保存。即可查看到效果~

PS：教程里所填寫的參數(shù)值僅供參考，具體填多少需要根據(jù)您的圖片實(shí)際情況來設(shè)置哦~