[語法] 利用 Fancybox 燈箱效果作出 網頁公告功能

最近似乎很多人都有遇到這樣的問題,

很喜歡Fancybox的效果,但似乎 Fancybox效果需要讓使用者點擊才能夠套用,

如果想要在首頁或是一進入到某個網頁,立刻跳出Fancybox的網頁,像是公告視窗一樣,該怎麼做呢?

利用 Fancybox 燈箱效果作出 網頁公告功能 (適用 youtube,iframe,img等,Fancybox有支援的皆可)

 

STEP 1:網頁Head內需引入Fancybox相關JS

 

STEP 2:設定好Body的Fancy連結與樣式。

範例為一個公告網頁,我做成隱藏連結,並指定Class是example1,設定id=autoclick

 

 

STEP 3:設定example1的Fancybox的樣式,且在最下面用click觸發Fancybox的公告效果。

 

這樣就能實現Fancybox 網頁公告的功能嚕! ^_^

 

 

More from my site

About Sara Liang

我的人生。我是工作狂。