⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 23.1.htm

📁 这是我卖的书上的源码 这书是电子邮电出版的是有关网络编程 有详细的例子
💻 HTM
字号:
🔍 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>擦除效果!</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.intro { position:absolute;
         left:0px;
         top:0px;
         layer-background-color:red;
         background-color:red;
         border:0.1px solid red;
         z-index:10; }

#message { position: absolute;
           top: 50%;
           width: 100%;
           text-align: center;
           font-size: 48pt;
           color: green;
           z-index: 1;}
//-->
</style>
<script type="text/javascript" src="layerlib.js"></script>
</head>
<body>
<div id="leftLayer" class="intro">&nbsp;</div>
<div id="rightLayer" class="intro">&nbsp;</div>

<div id="message">JavaScript Fun</div>

<script type="text/javascript">
<!--
var speed = 20;

/* Calculate screen dimensions */
 if (window.innerWidth)
       theWindowWidth = window.innerWidth;
 else if ((document.body) && (document.body.clientWidth))
       theWindowWidth = document.body.clientWidth;
 if (window.innerHeight)
       theWindowHeight = window.innerHeight;
 else if ((document.body) && (document.body.clientHeight))
       theWindowHeight = document.body.clientHeight;
       
      /* nasty hack to deal with doctype switch in IE */
 if (document.documentElement  && document.documentElement.clientHeight && 
document.documentElement.clientWidth)
     {
         theWindowHeight = document.documentElement.clientHeight;
         theWindowWidth = document.documentElement.clientWidth;
     }

/* cover the screen with the layers */
   setWidth('leftLayer', parseInt(theWindowWidth/2));
   setHeight('leftLayer', theWindowHeight);
   setX('leftLayer',0);
  setWidth('rightLayer', parseInt(theWindowWidth/2));
  setHeight('rightLayer', theWindowHeight);
  setX('rightLayer', parseInt(theWindowWidth/2));

  clipright = 0;
  clipleft =  parseInt(theWindowWidth/2);

function openIt()
{
  window.scrollTo(0,0);
  clipright+=speed;
  setClip('rightLayer',0,theWindowWidth, theWindowHeight,clipright);

  clipleft-=speed;
  setClip('leftLayer',0,clipleft,theWindowHeight,0);

  if (clipleft<0)
    clearInterval(stopIt)
}

function doTransition()
{
  stopIt=setInterval("openIt()",100);
}
window.onload = doTransition;
//-->
</script>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -