文档章节

fixed

0000001
 0000001
发布于 2014/06/03 18:15
字数 359
阅读 44
收藏 1
点赞 0
评论 0
<!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
博文 140
码字总数 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 ⋅ 3

DHTMLX 系列组件 2.0 发布

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

oschina ⋅ 2008/11/13 ⋅ 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 ⋅ 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 ⋅ 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 ⋅ 11

Zabbix 2.0.1 正式版发布

随着昨天Zabbix 1.8.14的发布,今天2.0系列的正式版2.0.1也发布了,经过2个RC版。2012-06-29,之前的正式版是2012-05-21的2.0.修正了大量的Bug。 完全改进: What's New in 2.0.1 :: Added se...

fei ⋅ 2012/06/30 ⋅ 4

PHP 7.0.11 正式发布

PHP 7.0.11 正式发布了。 下载地址: http://php.net/distributions/php-7.0.11.tar.gz 改进日志如下: - Core: . Fixed bug #72944 (Null pointer deref in zvaldelrefp). (Dmitry) . Fixed......

mia0x75 ⋅ 2016/09/14 ⋅ 52

PHP 5.6.36, 7.1.17 和 7.2.5 正式发布,多项内容修复

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

mia0x75 ⋅ 04/25 ⋅ 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 ⋅ 14

PHP 7.0.25 和 7.1.11 正式发布,多项内容修复

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

mia0x75 ⋅ 2017/10/25 ⋅ 14

没有更多内容

加载失败,请刷新页面

加载更多

下一页

个人博客的运营模式能否学习TMALL天猫质量为上?

心情随笔|个人博客的运营模式能否学习TMALL天猫质量为上? 中国的互联网已经发展了很多年了,记得在十年前,个人博客十分流行,大量的人都在写博客,而且质量还不错,很多高质量的文章都是在...

原创小博客 ⋅ 今天 ⋅ 0

JavaScript零基础入门——(十一)JavaScript的DOM操作

JavaScript零基础入门——(十一)JavaScript的DOM操作 大家好,欢迎回到我们的JavaScript零基础入门。最近有些同学问我说,我讲的的比书上的精简不少。其实呢,我主要讲的是我在开发中经常会...

JandenMa ⋅ 今天 ⋅ 0

volatile和synchronized的区别

volatile和synchronized的区别 在讲这个之前需要先了解下JMM(Java memory Model :java内存模型):并发过程中如何处理可见性、原子性、有序性的问题--建立JMM模型 详情请看:https://baike.b...

MarinJ_Shao ⋅ 今天 ⋅ 0

深入分析Kubernetes Critical Pod(一)

Author: xidianwangtao@gmail.com 摘要:大家在部署Kubernetes集群AddOn组件的时候,经常会看到Annotation scheduler.alpha.kubernetes.io/critical-pod"="",以表示这是一个关键服务,那你知...

WaltonWang ⋅ 今天 ⋅ 0

原子性 - synchronized关键词

原子性概念 原子性提供了程序的互斥操作,同一时刻只能有一个线程能对某块代码进行操作。 原子性的实现方式 在jdk中,原子性的实现方式主要分为: synchronized:关键词,它依赖于JVM,保证了同...

dotleo ⋅ 今天 ⋅ 0

【2018.06.22学习笔记】【linux高级知识 14.4-15.3】

14.4 exportfs命令 14.5 NFS客户端问题 15.1 FTP介绍 15.2/15.3 使用vsftpd搭建ftp

lgsxp ⋅ 今天 ⋅ 0

JeeSite 4.0 功能权限管理基础(Shiro)

Shiro是Apache的一个开源框架,是一个权限管理的框架,实现用户认证、用户授权等。 只要有用户参与一般都要有权限管理,权限管理实现对用户访问系统的控制,按照安全规则或者安全策略控制用户...

ThinkGem ⋅ 昨天 ⋅ 0

python f-string 字符串格式化

主要内容 从Python 3.6开始,f-string是格式化字符串的一种很好的新方法。与其他格式化方式相比,它们不仅更易读,更简洁,不易出错,而且速度更快! 在本文的最后,您将了解如何以及为什么今...

阿豪boy ⋅ 昨天 ⋅ 0

Python实现自动登录站点

如果我们想要实现自动登录,那么我们就需要能够驱动浏览器(比如谷歌浏览器)来实现操作,ChromeDriver 刚好能够帮助我们这一点(非谷歌浏览器的驱动有所不同)。 一、确认软件版本 首先我们...

blackfoxya ⋅ 昨天 ⋅ 0

线性回归原理和实现基本认识

一:介绍 定义:线性回归在假设特证满足线性关系,根据给定的训练数据训练一个模型,并用此模型进行预测。为了了解这个定义,我们先举个简单的例子;我们假设一个线性方程 Y=2x+1, x变量为商...

wangxuwei ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部