當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 全屏廣告JS代碼怎么寫

全屏廣告JS代碼怎么寫

2012/11/14 11:13:55作者:佚名來源:網(wǎng)絡(luò)

移動端

【實例名稱】

全屏廣告JS代碼怎么寫

【實例描述】

在進入一些大型綜合網(wǎng)站時,經(jīng)常會彈出一些廣告,有時候是一些全屏廣告。本例學(xué)習(xí)如何制作這種全屏類型的廣告。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁-學(xué)無憂(www.wangbatian.cn)</title> </head> <body> <script> var myWin=window.createPopup()   //創(chuàng)建一個彈出式窗口 myWin.document.body.oncontextmenu= myWin.document.body.onselectstart=function(){return false} myWin.document.body.innerHTML="<table bgcolor=black width=100% height=100%><tr><td align=center style=color:white; font-weight:bold;font-size:75px;cursor:default>這里是全屏廣告的內(nèi)容 </td></table>" myWin.show(0,0,screen.width,screen.height) </script></body> </html>

【運行效果】

 全屏廣告運行效果

【難點剖析】

本例的重點是使用“createPopup”方法彈出一個窗口,然后在新窗口中動態(tài)輸出一個表格,最后使用“show”方法將新窗口設(shè)置為全屏。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請點擊:全屏廣告JS代碼 進行本實例源碼下載 

標(biāo)簽: 全屏廣告  JS代碼