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%"> </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%"> </TD>
<TD width="21%"> </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> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </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">
这一段能要!!!!!!!!!!!!!!!!!!!!!!!!!!要了便不能实现浮动了!
- javascrpt的浮动页面
- javascrpt 页面格式化页面
- 浮动页面的详解
- 一个倒计时页面用javascrpt
- javascrpt的replaceAll
- javascrpt
- JavaScrpt
- 页面浮动框的代码
- 页面浮动QQ的方法
- Javascrpt获取页面的传递的参数,超简单更新【2种方法】
- JavaScrpt文字滚动的效果
- javascrpt的this与$(this)
- javascrpt的this与$(this)
- javascrpt的函数与括号
- Javascrpt中in的用法
- javascrpt里的reverse 反转
- 浮动页面
- 简单的页面浮动窗口的制作
- 鼎强软件(上海)有限公司招聘Axapta顾问
- 上海创景管理咨询有限公司招聘Axapta Delivery Director
- 将用户个性化设置保存到客户端
- 鼎强软件(上海)有限公司招聘Axapta工程师
- 把Gmail当网络硬盘用
- javascrpt的浮动页面
- MS05-055漏洞分析
- Eval方法(执行Javascript字串命令)
- 使用支付宝实现零手续费跨行转帐。
- 贝塔斯曼招聘软件工程师(Axapta相关)
- 读写Cookie
- 一位女生写的追MM秘计
- escape()和unescape()函数的使用方法
- SetTimeOut方法用法示例