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

随机推荐

Android开发学习之路-回调实现Service向activity传递数据
开启服务的时候,如果我们是通过bindService来绑定服务并且要向服务传递数据,可以直接在Intent中设置bundle来达到效果,但是如果是我们需要从服务中返回一些数据到Activity中的时候 ...
c#设计模式-命令模式
一. 命令(Command)模式命令(Command)模式属于对象的行为模式[GOF95].命令模式又称为行动(Action)模式或交易(Transaction)模式.命令模式把一个请求或者操作封装 ...
Struts2中Action取得表单数据的几种方法
Struts2中Action取得表单数据的几种方法 Struts2中Action获得表单数据的几种方法struts2 Action获取表单传值 1.通过属性驱动式JSP: <form act ...
最先进的开源游戏引擎KlayGE 4.3发布
转载请注明出处为KlayGE游戏引擎,本文的永久链接为http://www.klayge.org/?p=2536 经过KlayGE团队半年来的努力,今天KlayGE 4.3正式发布了!在这个版本的开发 ...
Android Handler的使用示例:结合源码理解Android Handler机制(一)
什么是Handler? Android 的官方解释: 文档分节1:A Handler allows you to send and process Message and Runnable objec ...
Android线程之Looper
之前已经为大家奉献了关于Handler和Message的使用,本篇我们来了解一下Handler内部的具体使用,本篇主要探讨Looper的在处理Handler的消息机制中起的重要作用,我们知道我们在子线 ...
vs xamarin android SharedPreferences
读 PreferenceManager.GetDefaultSharedPreferences(this).GetInt("uid", 0); 写 var editor = Pre ...
Dapper的基本使用
Dapper是.NET下一个micro的ORM,它和Entity Framework或Nhibnate不同,属于轻量级的,并且是半自动的.也就是说实体类都要自己写.它没有复杂的配置文件,一个单文件就可 ...
Network - DNS
珠玉在前,不再赘言 DNS 原理入门从理论到实践,全方位认识DNS(理论篇) 从理论到实践,全方位认识DNS(实践篇)
iOS_UIImage_Gif的分解
/** Gif的步骤 1. 拿到Gifd的数据 2. 将Gif分解为一帧帧 3. 将单帧数据转为UIImage 4. 单帧图片保存 */ github地址: https://github.com/ma ...

鼠标向下滑动加载div

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

随机推荐

热门专题