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>

 

posted @ 2015-05-31 13:41  SmallW  阅读(871)  评论(0编辑  收藏  举报