当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > 全屏广告JS代码怎么写

全屏广告JS代码怎么写

2012/11/14 11:13:55作者:佚名来源:网络

移动端

【实例名称】

全屏广告JS代码怎么写

【实例描述】

在进入一些大型综合网站时,经常会弹出一些广告,有时候是一些全屏广告。本例学习如何制作这种全屏类型的广告。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> </head> <body> <script> var myWin=window.createPopup()   //创建一个弹出式窗口 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>这里是全屏广告的内容 </td></table>" myWin.show(0,0,screen.width,screen.height) </script></body> </html>

【运行效果】

 全屏广告运行效果

【难点剖析】

本例的重点是使用“createPopup”方法弹出一个窗口,然后在新窗口中动态输出一个表格,最后使用“show”方法将新窗口设置为全屏。

【源码下载】

为了JS代码的准确性,请点击:全屏广告JS代码 进行本实例源码下载 

标签: JS