博客园返回顶部2

页首

<style>

#back-top {

     position: fixed;

     bottom: 10px;

     right: 5px;

     z-index: 99;

}

#back-top span {

      50px;

     height: 64px;

     display: block;

     background:url(http://images.cnblogs.com/cnblogs_com/seanshao/855033/o_rocket.png) no-repeat center center;

}

#back-top a{outline:none}

</style>

<script type="text/javascript">

$(function() {

	// hide #back-top first

	$("#back-top").hide();

	// fade in #back-top

	$(window).scroll(function() {

		if ($(this).scrollTop() > 500) {

			$('#back-top').fadeIn();

		} else {

			$('#back-top').fadeOut();

		}

	});

	// scroll body to 0px on click

	$('#back-top a').click(function() {

		$('body,html').animate({

			scrollTop: 0

		}, 800);

		return false;

	});

});

</script>

<p id="back-top" style="display:none"><a href="#top"><span></span></a></p>