文档章节

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((){
    ();
});
(){
    = $().(),
            = $().(),
            = $().();
    $().({: (-)/++},{ : , : });
};


© 著作权归作者所有

共有 人打赏支持
上一篇: css hack
下一篇: 网站性能
0000001
粉丝 34
博文 141
码字总数 46256
作品 0
朝阳
前端工程师
私信 提问
PHP 5.4.5 和 5.3.15 发布。

PHP 5.4.5和5.3.15发布。2012-07-19 上个版本是2012-06-15的5.4.4/5.3.14修正了30多个Bug以及几个安全漏洞。经过1个RC. This release fixes over 30 bugs and includes a fix for a security......

fei
2012/07/20
1K
14
PHP 7.0.6 正式发布

PHP 7.0.6 正式发布了。 下载地址:http://php.net/distributions/php-7.0.6.tar.gz 改进日志如下: 28 Apr 2016 PHP 7.0.6 - Core: . Fixed bug #71930 (_zval_dtor_func: Assertion `(arr......

mia0x75
2016/04/28
5.1K
104
Cphalcon 3.0.2 发布,PHP 的 C 扩展

Cphalcon 3.0.2 发布了。Cphalcon 是一个开源的 Web 框架,作为 PHP 语言 C 扩展,它提供了更高的性能与更低的资源消耗。 更新内容: Fixed saving snapshot data while caching model #1217...

两味真火
2016/11/27
917
9
PHP 5.4.44/5.5.28/5.6.12 发布

PHP 发布了三个更新版本,分别是 5.4.44 、5.5.28 和 5.6.12,这三个版本主要是安全方面的更新,详细内容请看 ChangeLog。 Version 5.6.12 06 Aug 2015 Core: Fixed bug #70012 (Exception l...

红薯
2015/08/08
1K
3
PHP 7.0.10 正式发布

PHP 7.0.10 正式发布了。 下载地址:http://php.net/distributions/php-7.0.10.tar.gz 改进日志如下: - Core: . Fixed bug #72629 (Caught exception assignment to variables ignores ref......

mia0x75
2016/08/18
6.3K
24

没有更多内容

加载失败,请刷新页面

加载更多

《Maven官方文档》-Maven依赖机制简介

《Maven官方文档》-Maven依赖机制简介 原文地址 译者:Tyrian 依赖机制是Maven最为用户熟知的特性之一,同时也是Maven所擅长的领域之一。单个项目的依赖管理并不难, 但是当你面对包含数百个...

tantexian
9分钟前
0
0
基于 Docker 快速部署多需求 Spark 自动化测试环境

引言 在进行数据分析时,Spark 越来越广泛的被使用。在测试需求越来越多、测试用例数量越来越大的情况下,能够根据需求快速自动化部署 Spark 环境、快速完成所有测试越来越重要。 本文基于 ...

呐呐丶嘿
27分钟前
2
0
支付宝APP支付之查看支付宝商户ID

1、登录支付宝蚂蚁金服开放平台 2、查看账号详情,选择合作伙伴管理,账户管理,查看角色身份,此处的PID就是商户ID 3、点击秘钥管理,可查看绑定的相关应用及其APPID等信息

Code辉
30分钟前
2
0
崛起于Springboot2.X之通讯WebSocket(40)

技术简介:Springboot2.0.3+freemaker+websocket 1、添加pom依赖 <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-bo......

木九天
38分钟前
1
0
Java常用四大线程池用法以及ThreadPoolExecutor详解

为什么用线程池? 1.创建/销毁线程伴随着系统开销,过于频繁的创建/销毁线程,会很大程度上影响处-理效率 2.线程并发数量过多,抢占系统资源从而导致阻塞 3.对线程进行一些简单的管理 在Java中...

孟飞阳
40分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部