你的位置:首页 > Java教程

[Java教程]JQ实现右下角scrollTop()事件


废话不多说,先贴代码

<script>	$(document).ready(function(){		$("#id").hide();				$(function(){                       // 这个是JQ的工场模式,等同于 $(document).ready(function(){}) 并将DOM对象转化为JQ 对象			$(window).scroll(function(){           //获取 window 窗口对象,当触发scroll事件的时候做什么				if ($(window).scrollTop()>100){      //当窗口移动到距离顶部100px时候做什么?  					$("#id").fadeIn();        //				}				else					$("#id").fadeOut();        //			});						$("#id").click(function(){			$('body,html').animate({scrollTop:0},1000);    //获取并集 动画效果是 移动到顶部,所需事件是 1000			return false;                   //程序结束		 });	  });	  	  $("#id2").mouseenter(function(){	  		$(".bottom-top-wx-none").show(300);	  });	  	  $("#id2").mouseleave(function(){	  		$(".bottom-top-wx-none").hide(300);	  });	  	});	</script>