画中画效果 's

admin 2017年4月6日03:00:13评论316 views字数 896阅读2分59秒阅读模式
摘要

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

来源: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()

  • 左青龙
  • 微信扫一扫
  • weinxin
  • 右白虎
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2017年4月6日03:00:13
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出):
                   画中画效果 'shttps://cn-sec.com/archives/48369.html

发表评论

匿名网友 填写信息