$("body").append("<div id=\"toTop\" style=\"background-color:#09F;height:42px;width:40px;color:#FFF;padding-top:8px;padding-left:10px;font-size:30px;cursor:default;position:fixed;right:50px;bottom:50px;display:none;font-family:'宋体';\">∧<div id='toTopTips' style='display:none;left:-10px;width:69px;height:30px; position: absolute; top: -30px; background:url(images/back-tip.png);overflow:hidden;'></div></div>");
var totop=$("#toTop");
totop.bind({
click:function(){
$("html,body").animate({scrollTop:0},500)
},
mouseover:function(){
$("#toTopTips").stop(false,true).fadeIn()
$(this).css({"background-color":"#51B9FF"})
},
mouseout:function(){
$("#toTopTips").css("display","none")
$(this).css({"background-color":"#09F"})
}
})
$(window).scroll(function(){
if($.browser.msie && ($.browser.version == "6.0") && !$.support.style){//如果IE6
totop.css({"top":($(window).scrollTop()+$(window).height()-100)+"px","position":"absolute"});
}
if($(window).scrollTop()<=50){
totop.fadeOut();
}else{
totop.fadeIn();
}
});
|