基于JavaScript实现鼠标向下滑动加载div的代码
更新时间:2016年08月31日 10:28:44 作者:yangzailu
这篇文章主要介绍了基于JavaScript实现鼠标向下滑动加载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>
以上所述是小编给大家介绍的基于JavaScript实现鼠标向下滑动加载div的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
Typescript 中的 interface 和 type 到底有什么区别详解
这篇文章主要介绍了Typescript 中的 interface 和 type 到底有什么区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-06-06JavaScript内置对象math,global功能与用法实例分析
这篇文章主要介绍了JavaScript内置对象math,global功能与用法,结合实例形式分析了javascript中内置对象math与global的基本概念、功能及使用方法,需要的朋友可以参考下2019-06-06
最新评论