萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery返回頂部代碼

jquery返回頂部代碼

  分享一個jquery在返回頂部在代碼:不依賴CSS

  $("body").append("

∧  

");

 

  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();

  }

  });

copyright © 萬盛學電腦網 all rights reserved