基于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 content="" /> <meta content="" /> <meta content="" /> <link type="text/css" href="" /> <style type="text/css"> .tp{height:60px;width:100%;} </style> </head> <body> <script type="text/javascript" src="https://www.jb51.net/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> <img src="https://www.jb51.net/001.jpg" /> <div> </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>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzfdss.html