懸停視差設(shè)置教程

一、功能效果

利用懸停視差效果，可實(shí)現(xiàn)容器內(nèi)模塊及背景跟隨鼠標(biāo)做位移特效，讓企業(yè)網(wǎng)站更酷炫。

二、功能說(shuō)明

【版本】初級(jí)版及以上版本

【適用】電腦網(wǎng)站自由容器、標(biāo)簽?zāi)K、通欄排版、頂部廣告組件、底部浮層組件、橫幅均支持懸停視差效果

三、設(shè)置教程

1. 橫幅懸停視差設(shè)置

鼠標(biāo)懸浮在橫幅上，點(diǎn)擊工具欄中“懸停視差”按鈕，選擇開(kāi)啟懸停視差。

選擇啟用懸停視差后，可設(shè)置懸停背景及其位移方向、強(qiáng)度。懸停背景開(kāi)啟后，背景圖會(huì)跟隨鼠標(biāo)進(jìn)行位移。

橫幅開(kāi)啟懸停視差后，在橫幅中放入模塊，可設(shè)置模塊懸停視差（位移方向和位移強(qiáng)度）。

橫幅中放置模塊后，鼠標(biāo)懸停在橫幅上，點(diǎn)擊“懸停效果演示”，即可在網(wǎng)頁(yè)設(shè)計(jì)器內(nèi)瀏覽懸停效果，讓模塊或背景圖跟隨鼠標(biāo)做位移。

查看動(dòng)圖教程更清晰哦！

注意：

① 演示過(guò)程中無(wú)法對(duì)橫幅內(nèi)的模塊進(jìn)行修改。

② 需在橫幅中放置模塊才能進(jìn)行懸停效果演示。

2. 其他通欄模塊懸停視差設(shè)置

鼠標(biāo)懸浮在某一個(gè)通欄模塊，點(diǎn)擊工具欄中的“懸停視差”按鈕，選擇啟用懸停視差，其余操作步驟與上文提到的橫幅模塊設(shè)置懸停視差一致，在此不做重復(fù)說(shuō)明。

注意：非空白內(nèi)容的通欄才可進(jìn)行懸停效果演示。

3. 素材工廠-懸停特效素材

可以選用素材工廠中的懸停視差素材進(jìn)行網(wǎng)站搭建。點(diǎn)擊控制面板中的【模塊-新增素材-懸停特效】，選中心儀的素材，即可進(jìn)行修改并運(yùn)用。

動(dòng)圖演示：