javascrpt的浮动页面

来源:互联网 发布:算法工程师 课程 编辑:程序博客网 时间:2024/04/30 09:53

下面是测试页text.htm

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<DIV id=float style="Z-INDEX: 99; FILTER: ALPHA(opacity=40); POSITION: absolute; TOP: 138px" align=center>
<TABLE cellSpacing=2 cellPadding=8 width=750 align=center border=0>
  <TBODY>
  <TR align=middle>
    <TD width="16%">&nbsp;</TD>
    <TD align=middle width="21%"><IMG height=100
      src="files/14384s.jpg"></TD>
    <TD align=middle width="21%"><IMG height=100
      src="files/15302s.jpg"></TD>
    <TD width="21%">&nbsp;</TD>
    <TD width="21%">&nbsp;</TD></TR></TBODY></TABLE>
</DIV>
  <SCRIPT language=JavaScript>
   lastScrollY = 0;
  
   function heartBeat() {
    diffY = document.body.scrollTop+0;
    percent =.4*(diffY-lastScrollY);
    
    if(percent>0) percent = Math.ceil(percent);
    else   percent = Math.floor(percent);
    
    document.all.float.style.pixelTop+= percent;
    lastScrollY = lastScrollY+percent;
   }
   window.setInterval("heartBeat()",1);
  </SCRIPT>
<!--浮动窗体完 -->
<table width="760" border="1" cellspacing="0" cellpadding="10">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</body>
</html>
需要注意的是:用DW创建的文档前会默认加上:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这一段能要!!!!!!!!!!!!!!!!!!!!!!!!!!要了便不能实现浮动了!

原创粉丝点击