［代码转载］小火箭返回顶部代码
2014-03-26 05:50:30 -0400
代码源自源码爱好者，回到顶部网页特效，运用jquery实现的动画版回到顶部特效，在火狐或Chrome下有完美表现，IE8下有错误，但功能正常，有兴趣的修复一下代码。哪位朋友能帮忙找张好看的小火箭图片吗？谢谢！
代码如下：
csngmap资源分享大本营，csngmap.wodemo.net加入书签收藏吧
<!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" /> <title>动态回到顶部</title> <style> #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(http://csngmap.wodemo.net/entry/273663/bffabb67b8098a99b051e0cfc0a08fee/Top.png); _background-image:url(http://csngmap.wodemo.net/entry/273663/bffabb67b8098a99b051e0cfc0a08fee/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; } </style> </head> <body style="text-align:center; height:1000px"> </head> <a id="returnTop" href="javascript:;">回到顶部</a> <script src="http://b.wodemo.net/distribution/273663/a3077c2830c1c749c9e0a2d0bea75b66/jquery-1.6.2.min.js" type="text/javascript"></script> <script type="text/javascript"> 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() }); </script> </body> </html>
动态回到顶部
回到顶部