熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

jquery返回頂部代碼

2022-06-13   來源: JSP教程 

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

  $("body")append("

∧  

  ");

  var totop=$("#toTop");

  totopbind({

  click:function(){

  $("htmlbody")animate({scrollTop:})

  }

  mouseover:function(){

  $("#toTopTips")stop(falsetrue)fadeIn()

  $(this)css({"backgroundcolor":"#BFF"})

  }

  mouseout:function(){

  $("#toTopTips")css("display""none")

  $(this)css({"backgroundcolor":"#F"})

  }

  })

  $(window)scroll(function(){

  if($browsermsie && ($browserversion == "") && !$supportstyle){//如果IE

  totopcss({"top":($(window)scrollTop()+$(window)height())+"px""position":"absolute"});

  }

  if($(window)scrollTop()<=){

  totopfadeOut();

  }else{

  totopfadeIn();

  }

  });


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20411.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.