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

随机推荐

Robotium的左右为难 -- enterText
最近测试框架收到反馈,详查后发现了一个Robotium的问题,甚有趣,遂记录. 问题场景: Robotium.enterText输入数据后,点击"发送"按钮,多数情况下失败,少数时 ...
给UINavigationBar自定义颜色
self.navigationController.navigationBar.barTintColor = RGB(55, 46, 41);
深入分析Java Web技术内幕（修订版）
阿里巴巴集团技术丛书深入分析Java Web技术内幕(修订版)(阿里巴巴集团技术丛书.技术大牛范禹.玉伯.毕玄联合力荐!大型互联网公司开发应用实践!) 许令波著 ISBN 978-7-121- ...
IOS开发之控件篇UITabBarControllor第二章 - 遮掩TableView问题
在IOS7.0以后UITabBar 里面放入一个UITableView会出现一个问题,Table会被TabBar掩盖了,当移动到最后一项的时候,永远看不到,如下面的例子,总共是99项,但是只能显示到9 ...
ios app 打包上传 app store（Application Loader）
背景:使用Xcode 上传APP, 这个有时候很慢,构建版本需要等很长时间,所以我推荐使用Application Loader 1.使用xocd 打包,导出.ipa文件 2. OK ,跟着上面做, ...
ligerUI Tree 实例代码
http://www.oschina.net/code/snippet_1762525_47819#68813
Sql Server 的本地时间和UTC时间
一,本地时间和UTC时间本地时间世界的每个地区都有自己的本地时间,整个地球分为二十四时区,每个时区都有自己的本地时间. UTC时间在国际无线电通信中,为统一而普遍使用一个标准时间,称为通用协调时 ...
哈夫曼树(一)之 C语言详解
本章介绍哈夫曼树.和以往一样,本文会先对哈夫曼树的理论知识进行简单介绍,然后给出C语言的实现.后续再分别给出C++和Java版本的实现:实现的语言虽不同,但是原理如出一辙,选择其中之一进行了解即可.若 ...
单机redis 主从实例
环境windows xp sp3 1.redis 安装 redis windows安装文件下载地址:http://code.google.com/p/servicestack/wiki/RedisWi ...
IEE数据库安装向导
RHEL 5用rpm包,直接安装后配置数据及缓存目录即可. RHEL 6用tar包+配置文件,本文是在RHEL 6上安装IEE的向导. ①上传infobright-4.0.6-x86_64.tar包和 ...

鼠标向下滑动加载div

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

随机推荐

热门专题