jquery小火箭返回顶部代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jquery小火箭返回顶部代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!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=gb2312" />
<meta name="keywords" content="JS代码,{keyword},JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为{title}，属于站长常用代码" />
<title>{title}</title>
<link href="css/top.css" rel="stylesheet"  type="text/css"/>
</head>

<body style="text-align:center; height:1000px">
<a id="returnTop" href="javascript:;">回到顶部</a> 
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script> 
<script src="js/top.js" type="text/javascript"></script>
<p>{download}</p>
<p>{content}</p>
<p>{google_729x90}</p>
</body>
</html>

JS代码(top.js):

var IMYUAN;
	IMYUAN || (IMYUAN ={
}
);
	(function(a){
	a.fn.extend({
	returntop:function(){
	if (this[0]){
	var b = this.click(function(){
	a("html,body").animate({
	scrollTop:0}
,120)}
),c = null;
	a(window).bind("scroll",function(){
	var d = a(document).scrollTop(),e = a(window).height();
	0 < d ? b.css("bottom","200px"):b.css("bottom","-200px");
	a.isIE6() && (b.hide(),clearTimeout(c),c = setTimeout(function(){
	b.show();
	clearTimeout(c)}
,1E3),b.css("top",d + e - 125))}
)}
}
}
)}
)(jQuery);
	(function(a){
	a("body")('<a class="close" href="javascript:;
	"></a>');
}
)(function(){
	$("#returnTop").returntop()}
);

CSS代码(top.css):

/* 回到顶部 */
 #returnTop{_display:none;position:fixed;_position:absolute;z-index:999;right:15px;bottom:-200px;_bottom:auto;width:36px;height:65px;text-indent:-999px;overflow:hidden;background-image:url(../images/Top.png);_background-image:url(../images/Top.png);background-repeat:no-repeat;background-position:0 0;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;}
#returnTop:hover{background-position:0 -65px;}

附件:下载该文件资源,减少时间成本(增值服务)