文档章节

fixed

0000001
 0000001
发布于 2014/06/03 18:15
字数 359
阅读 44
收藏 1
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.FloatNav{width:173px;height:278px;margin-left:50%;left:520px;position:absolute; z-index:9999;display:none;}
</style>
</head>

<body>

<div class="main" style=" height:1800px;">
	<div  class="FloatNav" id="FloatNav"><img src="http://img02.taobaocdn.com/tps/i2/T1bvDsXXxpXXX5T_j0-45-135.png" border="0" usemap="#Map4" ></div>
</div>

 <script type="text/javascript"> 
 /*悬浮*/
 (function(){
 		var $=function(id){ return typeof id === "string" ? document.getElementById(id) : id };
		var FloatAdv=function(Id,Top,h){this.initialize(Id,Top,h)};
		FloatAdv.prototype={
		initialize:function(Id,Top,h){
		var _this=this;
		this.Id=$(Id);
		this.Top=Top;
		this.h=h;
		setInterval(function(){
		_this.Top += ( _this.getFloatAdvTop() + Top - _this.Top)/10;
		
		if(_this.Top>h)
		{
		_this.Id.style.display="block";
		_this.Id.style.top=Math.ceil(_this.Top)+"px";
		}
		else _this.Id.style.display="none";
		},10);
		},
		getFloatAdvTop:function(){
		return (document.documentElement.scrollTop||document.body.scrollTop||0)-(document.documentElement.clientTop||document.body.clientTop||0);
		}
		};
			new FloatAdv("FloatNav",150,500);
	})()
	
 </script>
</body>
</html>

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

.FloatNav{width:173px;height:278px;margin-left:50%;left:520px;position:absolute; z-index:9999;display:none;}

</style>

</head>


<body>


<div class="main" style=" height:1800px;">

<div  class="FloatNav" id="FloatNav"><img src="http://img02.taobaocdn.com/tps/i2/T1bvDsXXxpXXX5T_j0-45-135.png" border="0" usemap="#Map4" ></div>

</div>


 <script type="text/javascript"> 

 /*悬浮*/

 (function(){

  var $=function(id){ return typeof id === "string" ? document.getElementById(id) : id };

var FloatAdv=function(Id,Top,h){this.initialize(Id,Top,h)};

FloatAdv.prototype={

initialize:function(Id,Top,h){

var _this=this;

this.Id=$(Id);

this.Top=Top;

this.h=h;

setInterval(function(){

_this.Top += ( _this.getFloatAdvTop() + Top - _this.Top)/10;

if(_this.Top>h)

{

_this.Id.style.display="block";

_this.Id.style.top=Math.ceil(_this.Top)+"px";

}

else _this.Id.style.display="none";

},10);

},

getFloatAdvTop:function(){

return (document.documentElement.scrollTop||document.body.scrollTop||0)-(document.documentElement.clientTop||document.body.clientTop||0);

}

};

new FloatAdv("FloatNav",150,500);

})()

 </script>

</body>

</html>

方法而 固定显示:

$().scroll((){
    ();
});
(){
    = $().(),
            = $().(),
            = $().();
    $().({: (-)/++},{ : , : });
};


© 著作权归作者所有

共有 人打赏支持
0000001
粉丝 35
博文 141
码字总数 46256
作品 0
朝阳
前端工程师
Percona Server 5.6.11-60.3,5.6 首个 RC 版本

Percona Server 发布了 5.6 的首个 RC 版本 —— 5.6.11-60.3,下载地址:Percona-Server-5.6.11-rc60.3 该版本基于 MySQL 5.6.11, 包含所有已修复的 bug。关于该版本的详细发行信息请看 5....

oschina
2013/06/04
671
3
DHTMLX 系列组件 2.0 发布

DHTMLX 是一套在 web 上使用的 UI 组件,包括例如:表格、树形显示、日历、布局、编辑器等十几个UI 组件,详细列表请看 此处。 此处 2.0 的发布,几乎所有的组件都更新了一遍,修正了不少bug...

oschina
2008/11/13
1K
3
PHP 7.0.23 和 7.1.9 正式发布,多项内容修复

PHP 7.0.23 和 7.1.9 正式发布了。PHP(PHP:Hypertext Preprocessor)是一种在电脑上执行的脚本语言,主要是用途在于处理动态网页,也包含了命令列执行接口(command line interface),或者...

mia0x75
2017/08/31
1K
4
Percona XtraBackup 2.1.4 发布

Percona XtraBackup 2.1.4 发布了,XtraBackup 是一个用来备份 MySQL 的 InnoDB 数据库的开源工具。 改进内容包括: New Features: Percona XtraBackup has introduced additional options t......

oschina
2013/08/10
671
1
PHP 7.0.17 和 7.1.3 正式发布,多项内容修复

PHP 7.0.17 和 7.1.3 正式发布了。 PHP(PHP:Hypertext Preprocessor)是一种在电脑上执行的脚本语言,主要是用途在于处理动态网页,也包含了命令列执行接口(command line interface),或...

mia0x75
2017/03/15
2.5K
11

没有更多内容

加载失败,请刷新页面

加载更多

arts-week10

Algorithm 905. Sort Array By Parity - LeetCode Review Who’s Afraid of the Big Bad Preloader? 一文读懂前端缓存 一个网络请求3个步骤:请求,处理,响应,而前端缓存主要在请求处响应这两步...

yysue
今天
0
0
00.编译OpenJDK-8u40的整个过程

前言 历经2天的折腾总算把OpenJDK给编译成功了,要说为啥搞这个,还得从面试说起,最近出去面试经常被问到JVM的相关东西,总感觉自己以前学的太浅薄,所以回来就打算深入学习,目标把《深入理...

凌晨一点
今天
5
0
python: 一些关于元组的碎碎念

初始化元组的时候,尤其是元组里面只有一个元素的时候,会出现一些很蛋疼的情况: def checkContentAndType(obj): print(obj) print(type(obj))if __name__=="__main__": tu...

Oh_really
昨天
6
2
jvm crash分析工具

介绍一款非常好用的jvm crash分析工具,当jvm挂掉时,会产生hs_err_pid.log。里面记录了jvm当时的运行状态以及错误信息,但是内容量比较庞大,不好分析。所以我们要借助工具来帮我们。 Cras...

xpbob
昨天
136
0
Qt编写自定义控件属性设计器

以前做.NET开发中,.NET直接就集成了属性设计器,VS不愧是宇宙第一IDE,你能够想到的都给你封装好了,用起来不要太爽!因为项目需要自从全面转Qt开发已经6年有余,在工业控制领域,有一些应用...

飞扬青云
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部