如何在網站上彈出？

Question

我的網站上有一個adblock腳本，用於註冊，當用戶使用adblock時。我現在的問題是，我想要一個彈出窗口出現在網站上，當它找到一個用戶使用adblock。 「硬」這個，是我不想經常彈出，就像這樣：

var w = window.open('', '', 'width=350,height=100,resizeable,scrollbars'); 
w.document.write('text'); 
w.document.close(); 

該代碼最終爲一個「常規」彈出。

我想在網站上彈出一個，如果你知道我的意思。 我有一個例子here。

Answer 1

您正在創建模態對話框。

您可以通過在您最喜愛的搜索引擎上搜索「模態JavaScript」來使用任何模式庫。有幾位在你的問題的評論中提到了有趣的圖書館。

製作自己的模式也很簡單：

創建<div>你想要的內容，並給它一個風格，例如：

.modal { 
    display: none; 
    position: fixed; 
    width: 350px; 
    height: 100px; 
    margin-top: -50%; 
    margin-left: -50%; 
    top: 50%; 
    left: 50%; 
    background-color: #FFF; 
    /* ... */ 
} 

，而不是你在上面顯示的代碼，只需調用$(elt).show()如果您在純DOM js中使用jQuery或elt.style.display="block";。