彈窗效果如何實現(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è)置基本一致。
常見問題