javascrpt的浮动页面

最新推荐文章于 2024-08-09 06:13:01 发布
最新推荐文章于 2024-08-09 06:13:01 发布
阅读量1.1k 收藏
点赞数
文章标签： border xhtml javascript table html 文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tbrgsy/article/details/573096
版权

下面是测试页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">
这一段能要!!!!!!!!!!!!!!!!!!!!!!!!!!要了便不能实现浮动了!

tbrgsy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Java网页搭建--float浮动
Java小白的自学之路
03-25 558
CSS定位机制： 三种： 普通流： 宽元素特征： 行内元素特征： 测试代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>block、inline</title> &...
java页面左右浮动窗,使用JavaScript实现上下浮动的窗口
weixin_42502165的博客
03-16 485
使用JavaScript实现上下浮动的窗口效果。其中主要使用setTimeout函数实现定时设置窗口的left和top值，以实现窗口的上下左右移动。下面是实现代码：上下浮动的窗口varstepLength=1;//移动步长，此参数越小，移动越平滑，最小值为1vardelay_time=160;//每步的时间间隔，此参数越小，移动速度越快varupDownS...
java漂浮窗口源代码
02-25
该包内有两个eclipse的工程，都是对于Java应用程序的悬浮窗的初级实现，经过改进就可以实现像迅雷那样的悬浮窗了。
非常牛B的Java Script 浮动窗口，共享一下~~~
11-03 827
   _xWin  a:visited { text-decoration: none; color: slategray;}a:hover { text-decoration: underline; color: slategray;}a:link { text-decoration: none; color: slategray;}-->  //可以打包为js文件;var x0=0,y
Java和JavaScript在网页设计中的区别，了解一下吧
BOM485480的博客
03-04 2382
在各种网页制作技术论坛中，常常有人询问javascript与Java有什么区别，甚至有人误认为javascript就是Java。javascript与Java确实有一定的联系，但它们并不像我们想象的那样联系紧密，甚至可以肯定地说它们有很大的区别。 什么是javascript? javascript是对ECMA262语言规范的一种实现。本教程的目的就是引导您学习使用javascript，所有...
java jsp+servlet实现登录网页设计
热门推荐
cai5的专栏
02-17 4万+
java jsp+servlet实现登录网页设计   这次涉及到四个文件: 登录页面:login.jsp 登录成功欢迎页面:success.jsp 登录失败页面:fail.jsp Servlet处理文件:LoginServlet.java 其实还涉及到一个文件:web.xml,这个后面再说: 下面分别介绍这几个文件: //-----
JavaScript浮动广告
村花的兄弟的博客
12-05 3399
js的浮动广告代码，复制就能用<html> <head> <meta charset="utf-8"> <title>图片浮动</title> </head> <body> <div id="img" style="position:absolute"> <img src="图片的地址"
（JavaScript）浮动广告代码
01-02 1976
//浮动广告代码 var x = 50,y = 60; //设置元素在浏览器窗口中的初始位置 var xin = true, yin = true; //设置xin、yin用于判断元素是否在窗口范围内 var step = 1 ; //可设置每次移动几像素 var obj=document.getElementById("Ad"); //通过id获取div元素 function floatAd() { var L=T=0; var R= document.body.clientWidth-obj.off
vue前端页面浮动展示
weixin_43167662的博客
09-08 1193
vue
java页面左右浮动窗_JavaScript实现上下浮动的窗口效果代码
weixin_39771614的博客
03-02 279
本文实例讲述了JavaScript实现上下浮动的窗口效果代码。分享给大家供大家参考。具体如下：这里介绍使用JavaScript实现上下浮动的窗口，在垂直方向上漂浮，代码内的JS函数有超丰富的浮动层定义功能，像浮动层位置高度、初始化事件触发器、设定浮动层为可见，用style.left设定浮动层左边距、浮动层的运动速度等，还有更多的设置选项都能实现。运行效果截图如下：在线演示地址如下：具体代码如下：上...
javascript浮动广告
07-11
在本话题中，我们关注的是如何使用JavaScript实现一种特定的广告展示方式——浮动广告。这种广告通常会在网页的角落或者侧边栏中持续移动，吸引用户的注意力。当用户将鼠标悬停在广告上时，广告的移动会暂停，以提供...
FloatToolBar:Javascript浮动工具栏
05-23
【标题】"FloatToolBar:Javascript浮动工具栏"指的是一个基于JavaScript技术实现的浮动工具栏解决方案。在网页设计中，浮动工具栏通常被用于提供一种始终可见的交互元素，无论用户在页面上的滚动位置如何，都能方便...
javascript浮动的广告源码
05-16
JavaScript浮动物理广告源码详解 在Web开发中，JavaScript是一种不可或缺的脚本语言，尤其在前端领域，它被广泛用于实现动态交互效果。本文将深入解析“javascript浮动的广告源码”，帮助开发者理解如何利用...
javascript浮动窗口制作
05-15
只需要把代码复制到你的页面最后面，然后把第三行：<a href="xxhxgg.html" target="_blank"><img src="bysxqxx.jpg" width="270" height="210" /></a> 中的xxhxgg.html和bysxqxx.jpg修改成自己的页面和图片即可。
浮动广告javascript
04-08
浮动广告在网页设计中是一种常见的营销手段，它通常以JavaScript实现，可以在用户浏览页面时持续显示，以此提高广告的曝光率。本文将深入探讨如何使用JavaScript来创建浮动广告，以及涉及的相关技术点。 首先，我们...
JavaScript-页面布局-div布局-盒子模型
插件开发
03-27 3955
文章目录1.盒子模型2.定位方式3.排列属性-float和clear4.块和内联属性5.作者答疑   在使用Html构建界面时，最关键的标签是div，这是一个有着各种属性的块状标签，能够以绝对定位和相对定位的方式构建各种界面模型。 1.盒子模型   div标签在界面排版时，使用的是盒子模型，如下图所示，主要有3大属性来标识相对关系，padding标识内部内容距离border的距离，border边框的宽度，margin是border距离外部元素的距离。使用这三大距离，可以有效控制该元素与周边元素的相对距离。如
XHTML 简介
最新发布
lly202406的博客
08-09 402
XHTML作为一种基于XML的标记语言，曾在一段时间内成为网页内容的标准格式。它的严格语法规则和良好的兼容性为网页设计和开发带来了便利。然而，随着HTML5的崛起，XHTML逐渐淡出了人们的视野。尽管如此，XHTML在推动网页技术发展方面所做出的贡献仍然值得我们铭记。
JavaScript浮动菜单
05-03
下面是一个简单的JavaScript浮动菜单的实现方法： 首先，在HTML文档中定义一个菜单元素，例如： ```html <li><a href="#">菜单项1</a></li> <li><a href="#">菜单项2</a></li> <li><a href="#">菜单项3</a>...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值