搜 索

使用js实现简单的网站页面全屏广告效果

编辑:QTOOL.NET日期:2019-02-09263

这是一段实用的js代码,它可以实现网站中常见的一些全屏广告特效,可自由设置广告特效显示时间,只需要使用个记事本复制以下内容,将记事本的.txt文件名称改为.html双击运行即可.
代码内容比较简洁,方便实用、兼容性也较高,所以推荐一下.
代码如下:
 
<div name="glayer" id="glayer" style="display:none;" align="center">
<span style="text-align: center"><img src="https://www.qtool.net/temp/lv.jpg" border="0" width="700" height="300"></div></div>
 
<script language="javascript">
function Showlayer()
{
 document.all.glayer.style.display="block";//显示div广告框架
}
function Closelayer()
{
 document.all.glayer.style.display="none";//关闭div广告框架
}
Showlayer();
setTimeout("Closelayer()",3000);//这里可以随意设置全屏广告显示时间
</script>
实现全屏广告特效的js代码演示图
js代码原理是先执行Showlayer函数从而显示广告的div框架,然后再通过js中的setTimeout计时,来自动执行自定义的Closelayer()函数隐藏div.
用户可根据需要将其插入到自己的网页中去,这样就能实现简单的网站页面中全屏广告的特效了.

TAG标签:js
此文章由QTOOL.NET编辑
最新文章

热门标签