覆蓋頁面的對話框 – 利用 jquery, java scripts

想要在舊的部落格頁面上覆蓋一個半透明底的對話框,找到一個利用jquery和java scripts寫成的例子很簡單又好用。

原始來源:http://www.dynamicdrive.com/forums/showthread.php?t=56899
範例頁面:demo

舊的部落格雖然已經張貼公告停止更新了,但還是會有訪客搜尋到舊網頁,甚至還會留言或發問,長久下去也不是辦法。所以我想要比照一些網站,在進入網頁的時候會出現一個對話框,然後用半透明的底色把原本的網頁遮住。於是我從昨天開始在網頁上搜尋作法,弄了將近一天,終於在剛剛搞定了。

其實難找的原因不是因為技術很難,而是因為關鍵字不知道該怎麼下。一開使用中文找了好久,好不容易找到的都是要在網頁上按一個按鈕才會出現對話框,但我是需要頁面一載入就出現對話框,所以昨晚一直到睡覺前都還沒有找到。

今天早上就想到可以用英文做關鍵字查詢,果然很快就找到幾個作法,終於找到一載入頁面就會出現對話框的語法(連結如上)。修改一下內容之後,就把語法放進舊部落格的「頁首」中,終於完成我要的效果。雖然對話框還不夠漂亮,不過我已經很滿意了。

以下是搜尋過程中找到幾個不錯的範例,雖然不合我的需要,但做得很不錯,還是推薦一下:
ArtDialog(簡體中文):http://www.planeart.cn/demo/artDialog/
備份下載:artDialog5.0

iBox(英文):http://www.enthropia.com/labs/ibox/
備份下載:ibox.2.2

在〈覆蓋頁面的對話框 – 利用 jquery, java scripts〉中有 1 則留言

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料