<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>鼠标监听事件</title>
<<script src="jquery.min.js"></script>
<style type="text/css" media="screen">
#div{position:fixed; top:0; left:50%;width:400px;height: 400px;background-color: #0ff;}
</style>
</head>
<body>
<br>><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="div" ></div>
<script type="text/javascript">
// $(function(){
// $(window).scroll(function(event) {
// var s = $(window).scrollTop();
// a=s;
// if(s>5008){
// $("#div").show(100);
// }else{
// $("#div").hide(100);
// }
// });
var lastScrollTop = 0;
var div = $("#div");
$(window).scroll(function(event){
var st = $(this).scrollTop();
var w = div.css("width");
if (st > lastScrollTop){
sad();
} else {
sad();
}
lastScrollTop = st;
});
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>鼠标监听事件</title>
<<script src="jquery.min.js"></script>
<style type="text/css" media="screen">
#div{position:fixed; top:0; left:50%;width:400px;height: 400px;background-color: #0ff;}
</style>
</head>
<body>
<br>><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="div" ></div>
<script type="text/javascript">
// $(function(){
// $(window).scroll(function(event) {
// var s = $(window).scrollTop();
// a=s;
// if(s>5008){
// $("#div").show(100);
// }else{
// $("#div").hide(100);
// }
// });
var lastScrollTop = 0;
var div = $("#div");
$(window).scroll(function(event){
var st = $(this).scrollTop();
var w = div.css("width");
if (st > lastScrollTop){
sad();
} else {
sad();
}
lastScrollTop = st;
});
</script>
</body>
</html>