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

logo竹子建站
彈窗效果如何實現(xiàn)?
2020-01-13 18:32:01

彈窗效果如何實現(xiàn)?

首先登錄竹子建站,進(jìn)入網(wǎng)站管理,開始設(shè)計網(wǎng)站。

進(jìn)入設(shè)計之后,打開左上角的下拉箭頭 ,找到站點管理,添加一個獨立板塊

 

添加好獨立板塊之后,設(shè)計獨立板塊中的內(nèi)容,也就是彈窗需要顯示的內(nèi)容。如果需要彈窗也有三端樣式,那么可以在設(shè)置內(nèi)容的時候,同時設(shè)置一下手機端和iPad端的顯示樣式。

如下圖,設(shè)置獨立板塊的手機端樣式

設(shè)置好獨立板塊中的內(nèi)容之后,發(fā)布一下,然后退出獨立板塊的編輯。

現(xiàn)在去設(shè)置彈窗。彈窗需要在哪里彈出來,點擊什么內(nèi)容才彈窗,還是鼠標(biāo)移動過去就彈出,或者是在進(jìn)入網(wǎng)站就彈出?

以下我將會一個情況一個情況的進(jìn)行步驟說明。

1、進(jìn)入網(wǎng)站就彈出

之前說到已經(jīng)設(shè)置好了彈出內(nèi)容(獨立板塊的內(nèi)容)。在網(wǎng)站設(shè)計頁面的左上方,打開下拉三角箭頭,在網(wǎng)站管理中,找到網(wǎng)站設(shè)置。

在網(wǎng)站設(shè)置中,有一個交互功能,選擇添加事件。

事件設(shè)置中,事件選擇載入(除載入外還有點擊,鼠標(biāo)移除移入等),這個動作是說明在什么時候可以觸發(fā)這個彈窗內(nèi)容。載入就是指在打開網(wǎng)站的時候就顯示。

目標(biāo)元素選擇獨立板塊(除獨立板塊之后還有組件,頁面)

板塊就選擇剛剛設(shè)置的獨立板塊,動作設(shè)置為顯示(除顯示外,還有隱藏)。

事件設(shè)置中的尺寸表示的是彈窗顯示的尺寸大??;

位置表示的是彈窗顯示的位置相對于頁面的位置。這個位置的參照是以頁面最左上角點為準(zhǔn)。x是指橫向位置,y是指豎向位置。

設(shè)置好位置之后,保存設(shè)置,注意在保存事件設(shè)置之后,還需要保存網(wǎng)站設(shè)置,之后再發(fā)布網(wǎng)站預(yù)覽彈窗效果。

 

2、點擊某處內(nèi)容出現(xiàn)彈窗

假設(shè)是點擊某張圖片之后,出現(xiàn)彈窗。還是剛剛設(shè)置好的獨立板塊為例。

點擊圖片,在圖片的編輯欄中的設(shè)置中,選擇交互

激活方式選擇點擊激活 ,之后在添加事件

事件設(shè)置中事件選擇點擊,其他設(shè)置和之前彈窗的設(shè)置基本一致。