jquery动态回到顶部特效

2024-09-05 12:18:31

字体：大中小

来源：转载

供稿：网友

jquery动态回到顶部特效，不是一下子就回到了网页顶部，而是带点缓冲的效果，有动画效果，使用了jQuery插件，这是个非常常用的网页特效，希望大家喜欢哦。

<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jquery动态回到顶部特效</title></head><body><style>#goTopBtn {position: fixed;line-height:36px;width:36px;bottom:35px;height:36px;cursor:pointer;display:none;background:url(/jscss/demoimg/201212/back_to_top_white.gif);}</style> ***，how are you。 Just do what you want do!!! <div id="goTopBtn"></div><script type="text/javascript" src="/ajaxjs/jquery1.3.2.js"></script><script type="text/javascript"> $(window).scroll(function(){		 var sc=$(window).scrollTop();		 var rwidth=$(window).width() 	 if(sc>0){				$("#goTopBtn").css("display","block");				$("#goTopBtn").css("left",(rwidth-36)+"px")				}else{			$("#goTopBtn").css("display","none");				}		 })		 		 $("#goTopBtn").click(function(){		 var sc=$(window).scrollTop();		 $('body,html').animate({scrollTop:0},500);		 })					</script></body></html>

上一篇：iphone手机桌面效果

下一篇：百叶窗页面切换效果

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注