<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
//当页面被流动的时候调用些方法
function onScroll(){
var top = (document.documentElement && document.documentElement.scrollTop)?document.documentElement.scrollTop : document.body.scrollTop;
var floatDiv = document.getElementById("floatDiv");
folatDiv.style.position = "absolute";
folatDiv.style.top = top+"px";
}
window.onscroll = onScroll;
</script>
</HEAD>
<BODY>
<table>
<tr>
<td width="200px">
<div id="folatDiv" style="position:absolute;top:0px"><font color='red' size='6'>测试</font></div>
</td>
<td width="200px">
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
<p>呵呵</p>
</td>
</tr>
</table>
</BODY>
</HTML>
分享到：
相关推荐
我们有时会看到有些网站最顶部一直会跟着我们滚动而滚动了，这种方法其实很简单，下面我来给大推荐一个javascript实现div浮动在网页最顶上并带关闭按钮效果
该插件是基于开源JS库库jquery.leanModal.min.js改造而来，其官网http://leanmodal.finelysliced.com.au/，LeanModal 是一个简单的 jQuery 插件，用于实现模态窗口。它是专为小的对话框，提示和面板等需要使用模式...
我一直以为是某个div或层随屏幕滚动，遇顶则固定，离开浏览器顶部又还原这样的例子其实不少，其实它的名字叫“层的智能浮动效果”。目前我们在国内的商业网站上就常常看到这样的效果了。例如淘宝网的搜索结果页的...
本文实例讲述了js实现的简单图片浮动效果。分享给大家供大家参考，具体如下： 利用window对象，实现一个图片的浮动效果 1、现有一个广告div，就是我们要控制的，它的起始点（0,0） 2、设定横向和纵向的速度 3、控制...
4.jquery+div实现同时滑动切换的图文展示特效插件下载 5.jquery+div带动画按钮图片手动与自动切换的特效代码 6.jquery一页多用的飞飞图片幻灯插件演示 7.jquery仿flash产品图片多角度展示特效代码 8.jquery...
如上图中红色的9个div它们中间有间距，而最左边和最右边是没有间距的，这种布局如果使用css3的flex来实现是非常简单的，而如果要使用float布局就需要一些特殊的技巧了。 实现原理 红色的9个div左浮动，左右margin为...
对，你没有看错，就是“纯图片”，不是纯代码实现而是利用图片来实现的圆角。...1.全部浮动法如果一个CSS初学者写图片圆角效果，那么推荐使用全部浮动法，简单且容易上手。其原理就是左圆角左浮动，主体也左浮动
单页面网页内容较多，页面长度较大，需要方便快速的在页面的不同位置进行定位，所以浮动菜单逐渐流行了起来，如下图 男装、女装、美妆等。 这种菜单功能分为两部分： 1、点击菜单项，网页滚动到对应位置，可简单...
HTML5 弹出框、可关闭的浮动层代码，弹出一个新的div，支持关闭功能，很简单，没有美化，样式如演示截图示，看上去比较基础，挺简单的样式。与传统的HTML弹出框几乎没啥区别，只不过是基于HTML5技术实现的。
单页面网页内容较多，页面长度较大，需要方便快速的在页面的不同位置进行定位，所以浮动菜单逐渐流行了起来，如下图 男装、女装、美妆等。 这种菜单功能分为两部分： 1、点击菜单项，网页滚动到对应位置，可简单...
网页上的AJAX网页弹出层，弹出对话框，嵌套的网页弹出浮动层，可以关闭，可以自适应显示在网页浏览器的中央，不管浏览器窗口有多大，它都会显示在中间。运用了一个封装的JS库，实现一个浮动对话框的功能就更简单了。
易修改，举个最简单的例子，比如要求修改一个div的高宽且保持其子div自适应高宽，若是写死了子div的高宽，修改工作很麻烦，所以最好是将子div在需求下尽可能写成自适应，这样修改时就只需要修改父div的高宽即可。...
JS 特效 选项卡 菜单 下拉菜单 滚动特效 相册特效等等 网页特效 素材 web div+css 3级横向导航菜单 163网盘折叠菜单 CSS下拉菜单 div显示隐藏效果 Javascrip实现相册缩略图导航的两种效果 JS 图片轮换 封装中处理...
我这里实现的效果是：点击按钮弹出遮罩层，遮罩层下的内容不可选，并且登录框随着鼠标滚轮的下滑，动态的浮动到页面某个位置，点击关闭按钮关闭遮罩层。 这是鼠标滚动下滑到页面中间某部分时画面。虽然界面简单颜色...
经常玩社群网站的想必对这样一种场景很常见，如图： ...虽然挺简单的，但还是纪念一下…… 定义一个超链接，同时需注意相应页面的必要的css和js必须引入： Html代码 <link href="css/bootstrap.css" rel="stylesh
使用面非常广，下面我们用两种方法简单实现之。 首先，构建页面元素。页签的可点击部分我们通常用列表来承载，包括ul和ol，我们这里让页签呈横向分布，所以需要使之向左浮动。而页签内容部分使用div承载即可。另外...
首先是html结构，一个简单的轮播，单张图片无缝轮播，主要分为三大层：div>ul>li，li里面的img图片。 其次，css样式：div固定住宽高，overflow：hidden；ul的宽度建议是动态获取（下一步会讲是怎么获取）；关于...
首先是html结构，一个简单的轮播，单张图片无缝轮播，主要分为三大层：div>ul>li，li里面的img图片。 其次，css样式：div固定住宽高，overflow：hidden；ul的宽度建议是动态获取（下一步会讲是怎么获取）；关于li我...
这个程序的设计目标：用Silverlight实现一个...1.制作一个浮动DIV，承载Silverlight。 2.实现鼠标移动方向与速度识别 3.调用js控制scrollbar 4.测试 当你用鼠标划过浏览器蓝色区域的时候，浏览器就会坐车相应的动作