画中画效果

来源:Songzi Blog

我们有时去一些网站,如新浪、QQ等,进入首页后,
会在页面中弹出一个广告画面,几秒钟后消失,
这个效果是怎么做出来的呢,先看看测试页:

画中画效果

其实原理就是一个定义了一个隐藏的层,代码如下:

<HTML>
<HEAD>
<TITLE>画中画</TITLE>
</HEAD>
<BODY>
<SCRIPT language=JavaScript>
<!--
SYFS=true
if (document.all){
document.write('<SCRI' + 'PT LANGUAGE="javascript1.2"');
document.writeln(' SRC="full.js"></SCR' + 'IPT>');
}
// -->
</SCRIPT>
<DIV id=hiddenLayer style="DISPLAY: none; HEIGHT: 393px"align=center>
<A href="http://www.songzi.org" target=blank>
<IMG height=600 src="songziwebmain.jpg" width=800 border=0></A></DIV>
<br>
<center>
|松子主站|个人日志|音乐视听|网站建设|常用工具软件|交流论坛|在线留言|
</BODY>
</HTML>

这里的full.js包含了三个函数,负责层的显示和隐藏,代码如下:
function changediv()
{
document.getElementById('hiddenLayer').style.display = "block";
setTimeout("hidediv()",5000)
}
function hidediv()
{
document.getElementById('hiddenLayer').style.display="none";
SYtag=2;
}
function showfull()
{
setTimeout("changediv()",2000);
}
showfull()

相关日志

抢楼还有机会... 抢座Rss 2.0或者 Trackback

  • mmzui


    直接弹个网页规定多少时间后自动关闭也可

发表评论