鼠标向下滑动加载div
<!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>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="" /> <style type="text/css">
.tp{height:60px;width:100%;}
</style>
</head>
<body>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
var T=0;
$(window).scroll(function() {
T=$(document).scrollTop();
if(T>=$(".header-wrap").height()){
$(".fixed-box-wrap").slideDown(800);
}else{
$(".fixed-box-wrap").slideUp(800);
}
}
);
</script>
<div style="display:none; position:fixed;top:0px;width:100%;" class="fixed-box-wrap">
<img class="tp" src="001.jpg" />
<div class="header-wrap" style="color:red;">
</div>
</div>
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
落霞与孤鹜起飞;秋水共长天一色。<br />
</body>
</html>
鼠标向下滑动加载div的更多相关文章
- WP8_GestureListener实现列表向下滑动加载新数据
利用GestureListener的OnDragCompleted事件,实现列表向下滑动时,加载新的数据: (不建议使用 Touch.FrameReported+=Touch_FrameReporte ...
- 鼠标滑动加载div
- JQuery实现无刷新下拉加载图片
最近做的一个项目需要做页面无刷新下拉加载图片,调研了一番,大多都采用检测滚动条达到底部,然后利用ajax加载下一页数据对页面数据进行添加,根据这一逻辑,自己写了一个,具体代码如下: JQu ...
- 集成iscroll 下拉加载更多 jquery插件
一个插件总是经过了数月的沉淀,不断的改进而成的.最初只是为了做个向下滚动,自动加载的插件.随着需求和功能的改进,才有了今天的这个稍算完整的插件. 一.插件主功能: 1.下拉加载 2.页面滚动到底部自动 ...
- jQuery模拟原生态App上拉刷新下拉加载
jQuery模拟原生态App上拉刷新下拉加载效果代码,鼠标上拉时会显示loading字样,并且会模拟加载一条静态数据,支持触屏设备使用. <!doctype html> <html ...
- 转:zTree树控件实战篇:针对多个下拉加载zTree树应该如何做出合理的配置
今天有一个zTree的朋友遇到一个非常棘手的问题,才研究zTree树控件两天就被上头催着看成果,很是苦恼.他面对的问题就是页面内多个地方需要下拉在其文本框下方加载zTree树,由于对zTree下拉加载 ...
- 下拉加载dropload.js
使用下拉加载 使用需要引用的css <link rel="stylesheet" href="../dist/dropload.css"> 使用需要 ...
- 手机网站下拉加载数据js(简单版)
加载内容的地方html <div class="bgcolor_f0 clearfix"> <div class="recharge"> ...
- iscroll5 上拉,下拉 加载数据
我这里的思路是上拉时候只是加载第一页的内容,可根据实际情况修改其中的代码.请勿照搬.样式没怎么调,可以加载gif动画.1.没有数据时候,下拉可以加载数据.2.没有数据时候,点击也可以加载数据.3.其余 ...
随机推荐
- IOS Socket 02-Socket基础知识
1. 简介 Socket就是为网络服务提供的一种机制 通信的两端都是Socket 网络通信其实就是Socket间的通信 数据在两个Socket间通过IO传输 2. Socket通信流程图 3. 模拟Q ...
- Oracle函数脚本记录
--内置函数 --聚合函数 返回单个值 '; --count()记录条数 select sum(degree) from score t; --sum(degree)求成绩总和 select avg( ...
- 基础才是重中之重~LazyInitializer.EnsureInitialized对属性实现化的性能优化
回到目录 LazyInitializer.EnsureInitialized是frameworks4.0引入的新东西,实现对属性延时初始化的功能,它作用在System.Threading命名空间下,所 ...
- Kafka与Logstash的数据采集对接 —— 看图说话,从运行机制到部署
基于Logstash跑通Kafka还是需要注意很多东西,最重要的就是理解Kafka的原理. Logstash工作原理 由于Kafka采用解耦的设计思想,并非原始的发布订阅,生产者负责产生消息,直接推送 ...
- 阿里云配置mysql navcat远程连接
默认是不能用客户端远程连接的,阿里云提供的help.docx里面做了设置说明,mysql密码默认存放在/alidata/account.log 首先登录: mysql -u root -h local ...
- (2)艺术创新思维的PS成果
一些艺术创新思维课的PS成果. (1)选择一首喜欢的歌并用图表示出来: (2)用形式美法则设计一张图来表示"痴心妄想"这四个词语,可以采用字体的变形,也可以采用词语的意境. ...
- andriod adt和andriod sdk
今天搭建appium的环境,没有太明白andriod adt和andriod sdk分别是什么东西,经过与开发沟通,大致了解如下,这里记录一下,免得过几天就搞忘了. andriod adt是一个插件, ...
- stackView的隐藏与显示注意事项
1.想要通过变换stackView的y值来让stackView显现/隐藏,同时让其中的button能点击响应,得用topCons 2.导航栏的tinBar要设置为非透明状态
- 领会CSS,实际中的研究
虽懂却不会,真是可怕,自认懂却了无. 善用CSS属性选择器 在用于区别和唯一的情况下完全可以使用属性选择器,而没有必要使用class或id p[city="http://www.css.co ...
- 《BI那点儿事》数据挖掘初探
什么是数据挖掘? 数据挖掘(Data Mining),又称信息发掘(Knowledge Discovery),是用自动或半自动化的方法在数据中找到潜在的,有价值的信息和规则. 数据挖掘技术来源于数据库 ...