導讀:建站文章建站文章我們平時訪問網站、博客時經常會打開網頁后看到彈出一個圖片廣告。如果作為普通訪客可能會略有抵觸，但是作為站長，我們卻十分需要這樣的廣告來為網站賺錢貼補一下服務器維公司網站搭建技術網站。

我們平時訪問網站、博客時經常dede免費模板會打開網頁后看到彈出一個圖片廣告。如果作為普通訪客可能會略有抵觸，但是作為站長，我們卻十分需要這樣的廣告來為網站賺錢貼補一下服務器維護費用。說實話我是挺喜歡這個功能的，但是一直未找到合適的代碼，然后今天就自己寫了，分享給大家。

1、修改JavaScript 代碼：

var?popup?=?document.getElementById('qgg_popup');

var?popup_box?=?document.querySelector('.qgg_popup_box');

var?popup_close?=?document.querySelector('.qgg_popup_close');

//?窗口加載時彈出

window.onload?=?function()?{

????popup.style.display?=?"block";

}

//?點擊窗體其他位置時關閉

window.onclick?=?function(event)?{

????if?(event.target?==?po織夢手機模板pup)?{

????????popup.style.display?=?"none";

????}

}

popup_box.onclick?=?function()?{

????popup.style.display?=?"none";

}

//?點擊關閉按鈕時關閉

popup_close.onclick?=?function()?{

????popup.style.displadede模板下載y?=?"none";

}

使用WordPress建站的朋友將JS代碼丟到主題的主JS文件中去即可。DUX主題用戶直接丟到主題 js 文件夾下的 main.js 文件中即可。其他程序建站的朋友可以放到自己相應的JS文件里。

2、修改CSS樣式代碼：

/*?彈窗廣告css?2018-8-29?*/

html,?body{?margin:0;?height:100%;?}

#qgg_popup{

????position:?fixed;

????top:?0;?left:?0;

????display:?none;

????width:?100%;

????height:?100%;

????margin:?auto;

????background:?rgba(36,?36,?36,?0.8);

}

.qgg_popup_box?{

????z-index:?10;

????position:?absolute;

????top:?0;?left:?0;?bottom:?0;?right:?0;

????width:?280px;

????height:?396px;

????margin:?auto;

????text-align:?center;

關鍵詞標簽: 建站 技巧 代碼