返回首页 | 一键访问 | 收藏本站 | 免费素材分享QQ群:1023538014

当前位置:首页 > JS代码 > 返回顶部 > jQuery火箭图标返回顶部代码
下载地址

jQuery火箭图标返回顶部代码

jQuery火箭图标返回顶部代码,滚动条滑到距离顶部100PX时,火箭图标返回顶部按钮会出现,点击火箭图标,页面会回到顶部,同时火箭图标也会向顶部飞去。

$(function(){
	vare=$("#rocket-to-top"),
	t=$(document).scrollTop(),
	n,r,i=!0;
	$(window).scroll(function(){
		vart=$(document).scrollTop();
		t==0?e.css("background-position")=="0px0px"?e.fadeOut("slow"):i&&(i=!1,$(".level-2").css("opacity",1),e.delay(100).animate({
			marginTop:"-1000px"
		},
		"normal",
		function(){
			e.css({	"margin-top":"-125px",display:"none"}),i=!0})):e.fadeIn("slow")}),
	e.hover(function(){
		$(".level-2").stop(!0).animate({opacity:1})},
	function(){$(".level-2").stop(!0).animate({opacity:0})}),
	//downloadbywww.huamisucai.com
	$(".level-3").click(function(){
		functiont(){
			vart=e.css("background-position");
			if(e.css("display")=="none"||i==0){
				clearInterval(n),
				e.css("background-position","0px0px");
				return
				}
			switch(t){
			case"0px0px":
				e.css("background-position","-298px0px");
				break;
			case"-298px0px":
				e.css("background-position","-447px0px");
				break;
			case"-447px0px":
				e.css("background-position","-596px0px");
				break;
			case"-596px0px":
				e.css("background-position","-745px0px");
				break;
			case"-745px0px":
				e.css("background-position","-298px0px");
			}
		}
		if(!i)return;
		n=setInterval(t,50),
		$("html,body").animate({scrollTop:0},"slow");
	});
});


jQuery火箭图标返回顶部代码

«
»
花米素材免费素材网