鼠标向下滑动加载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.其余 ...

随机推荐

Senparc.Weixin.MP SDK 微信公众平台开发教程（十六）：AccessToken自动管理机制
在<Senparc.Weixin.MP SDK 微信公众平台开发教程(八):通用接口说明>中,我介绍了获取AccessToken(通用接口)的方法. 在实际的开发过程中,所有的高级接口都需 ...
SQL——索引
索引是根据表中一列或若干列按照一定顺序建立的列值与记录行之间的对应关系表.在数据库系统中建立索引主要有以下作用: l快速存取数据: l保证数据记录的唯一性: l实现表与表之间的参照完整性: l在使用O ...
Java 9终于要包含Jigsaw项目了
当Jigsaw在Java 9中最终发布时,这个项目的历史已经超过八年了. 转载于:http://www.itxuexiwang.com/a/liunxjishu/2016/0228/180.html? ...
js里cookie操作
原生js操作cookie 创建和存储 cookie 在这个例子中我们要创建一个存储访问者名字的 cookie.当访问者首次访问网站时,他们会被要求填写姓名.名字会存储于 cookie 中.当访问者再次 ...
iOS--------坐标系统(UIView的frame、bounds跟center属性)
1.概要翻开ios官方开发文档,赫然发现上面对这三个属性的解释如下: frame:描述当前视图在其父视图中的位置和大小. bounds:描述当前视图在其自身坐标系统中的位置和大小. center:描述 ...
Yii2框架RESTful API教程（二） - 格式化响应，授权认证和速率限制
之前写过一篇Yii2框架RESTful API教程(一) - 快速入门,今天接着来探究一下Yii2 RESTful的格式化响应,授权认证和速率限制三个部分一.目录结构先列出需要改动的文件.目录如下 ...
html学习记录之表格、表单基础
①编码:charset="utf-8": ②描述及关键词:name="description":name="keywords": ③a标签 ...
Packet for query is too large(1767212 > 1048576)mysql在存储图片时提示图片过大
原网址:http://blog.csdn.net/bigbird2012/article/details/6304417 错误现象:Packet for query is too large(1767 ...
Python函数参数默认值的陷阱和原理深究"
本文将介绍使用mutable对象作为Python函数参数默认值潜在的危害,以及其实现原理和设计目的本博客已经迁移至: http://cenalulu.github.io/ 本篇博文已经迁移,阅读全文 ...
《HelloGitHub月刊》第03期
<HelloGithub>第03期兴趣是最好的老师,而<HelloGitHub> 就是帮你找到兴趣! 因为我比较熟悉python语言,所以月刊中python语言的项目居多,个 ...

鼠标向下滑动加载div

鼠标向下滑动加载div的更多相关文章

随机推荐

热门专题