DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jquery返回頂部代碼
jquery返回頂部代碼
編輯:JavaScript綜合知識     

  分享一個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();

  }

  });

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved