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

随机推荐

搭建hadoop1.2集群
环境准备我使用的是vmware workstation,首先安装ubuntu 12.04,安装完成后通过vmware的clone,clone出两个虚机,设置的IP分别是: 192.168.74.13 ...
Qt类继承图
对于学习Qt的,有一个Qt所有类的继承图表,是很有需要的.以下提供了Qt5.1的所有类的继承关系图.看的时候,可以放大和缩小.如需文档下载,可以加入最后的QQ学习群.
display的理解
display可把框内显示的内容改变(自我理解) none 此元素不会被显示. block 此元素将显示为块级元素,此元素前后会带有换行符. inline 默认.此元素会被显示为内联元素,元素前后没有 ...
Atitit 循环(loop), 递归(recursion), 遍历(traversal), 迭代(iterate).
Atitit 循环(loop), 递归(recursion), 遍历(traversal), 迭代(iterate). 1.1. 循环算是最基础的概念, 凡是重复执行一段代码, 都可以称之为循环. ...
Atitti css transition Animation differ区别
Atitti css transition Animation differ区别 1.1. transition的优点在于简单易用,但是它有几个很大的局限. 1 1.2. Transition ...
【转】中间代码opcode的执行
原文链接:http://www.orlion.ga/941/ 原文:http://www.nowamagic.net/librarys/veda/detail/1543 假如我们现在使用的是CLI模式 ...
MYSQL线程池总结(一)
线程池是Mysql5.6的一个核心功能,对于服务器应用而言,无论是web应用服务还是DB服务,高并发请求始终是一个绕不开的话题.当有大量请求并发访问时,一定伴随着资源的不断创建和释放,导致资源利用率低 ...
Hadoop官方文档翻译——YARN Architecture（2.7.3）
The fundamental idea of YARN is to split up the functionalities of resource management and job sched ...
微信内置浏览器WebApp开发，踩坑 · Issue #31 · maxzhang/maxzhang.github.com · GitHub
最近花6天时间完成了一个七夕的小活动,是一个简单的WebApp.由于我前期对面向微信的Web开发评估不足,导致开发过程十分艰难.写这篇文章总结下,惊醒自己未来不要再犯这样的错误. 问题: 1. 有些比 ...
安装android studio报错Failed to install Intel HAXM.
在安装android studio的过程中,安装到android的模拟器加速器(intel HAXM)这一步时,报错: HAXM是用来管理硬件加速的,估计是用了这个东西模拟器就能告别Eclipse的龟 ...

鼠标向下滑动加载div

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

随机推荐

热门专题