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

随机推荐

奇怪的BUG
熟语说“常在河边走,哪能不湿鞋”,在现实中我想说:“代码写多了,总会遇到奇怪的bug”,遇到bug不可怕,可怕的是不自己不知道这么解决,有些bug能当时解决,有些在自己知识水平提高后知道如何解决.还有 ...
iOS基本动画/关键帧动画/利用缓动函数实现物理动画效果
先说下基本动画部分基本动画部分比较简单, 但能实现的动画效果也很局限使用方法大致为: #1. 创建原始UI或者画面 #2. 创建CABasicAnimation实例, 并设置keypart/dur ...
spring cvc-elt.1: Cannot find the declaration of element 'beans'解决办法
转载自http://blog.csdn.net/legendj/article/details/9950963 今天在写spring aop示例的时候,在spring.xml文件中添加spring a ...
IOS开发之控件篇UINavigationController第一章 - 介绍
UINavigationController是一个比较常见的控件,它连接个视图,例如一个视图走到另外一个视图,之间的联系都可以用这个NavigationController的方法一般都会由两个部分组 ...
KnockoutJS 3.X API 第五章高级应用(5) 使用预处理扩展Knockout绑定语法
注意:这是一种高级技术,通常仅在创建可重用绑定或扩展语法的库时使用. 这不是你通常需要做的时候使用Knockout构建应用程序. 从Knockout 3.0开始,开发人员可以通过提供在绑定过程中重写D ...
简单的跨平台c/c++日志记录
CLog.h #include <stdlib.h> #pragma once #ifndef _CLOG #define _CLOG #define CLOG_DEBUG 0 #defi ...
SpringAOP之静态代理
一.SpringAOP: ⒈AOP:Aspect Oriented Programming 面向切面编程, 实现的是核心业务和非核心业务之间的的分离,让核心类只做核心业务,代理类只做非核心业务. ⒉ ...
利用border属性制作各种图形。
这是一个比较正常的但如果我们把宽度和高度去掉呢? 好像看不太出来对吧,我们来给边框加上不同颜色. 看出啥了没,分明就是每个边都是一个三角形啊. 那假如我想要一个朝下的三角形是不是我只要把border ...
新浪微博SDK开发（1）：总述
花了几天时间,消耗了九牛六虎之力,新浪微博大部分API已经封装,但有部分API实在太难封装. 说起这封装,我必须严重地.从人品和技术层面鄙视一下新浪的程序员,实在太菜了.估计菜鸟都被大企业吸收了,菜到 ...
c++ ofstream & ifstream文件流操作
ofstream是从内存到硬盘,ifstream是从硬盘到内存,其实所谓的流缓冲就是内存空间; //ofstream & ifstream inherit from istream class ...

鼠标向下滑动加载div

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

随机推荐

热门专题