回到顶部

css :

#gotop{ 
background:url(../images/gotop.png) no-repeat;
width:70px; 
height:60px; 
cursor:pointer;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gotop.png', sizingMethod='scale');
_background-image:none; 
display:none;
position:fixed; 
right:10px; 
bottom:10px;
_position:absolute; 
_top:0px; 
_bottom:auto;
_display:block;
_visibility:hidden;
}

html:

<div id="gotop"></div>

js:

<script  type="text/jscript"

$(document).ready(function(e) {

//回顶部
init_gotop();

});

//回顶部
function init_gotop()
{

$(window).scroll(function(){

var s_top = $(document).scrollTop()+$(window).height()-70;
if($.browser.msie && $.browser.version =="6.0")
{
$("#gotop").css("top",s_top);
if($(document).scrollTop()>0)
{
$("#gotop").css("visibility","visible");
}
else
{
$("#gotop").css("visibility","hidden");
}
}
else
{
if($(document).scrollTop()>0)
{
if($("#gotop").css("display")=="none")
$("#gotop").fadeIn();
}
else
{
if($("#gotop").css("display")!="none")
$("#gotop").fadeOut();
}
}


});

$("#gotop").bind("click",function(){
$("html,body").animate({scrollTop:0},"fast","swing",function(){});
});
var top = $(document).scrollTop()+$(window).height()-70;
if($.browser.msie && $.browser.version =="6.0")
{
$("#gotop").css("top",top);
if($(document).scrollTop()>0)
{
$("#gotop").css("visibility","visible");
}
else
{
$("#gotop").css("visibility","hidden");
}
}
else
{
if($(document).scrollTop()>0)
{
if($("#gotop").css("display")=="none")
$("#gotop").show();
}
else
{
if($("#gotop").css("display")!="none")
$("#gotop").hide();
}
}



}

</script>