WD1X.COM - 问答一下,轻松解决,电脑应用解决专家
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win11Linux
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascript服务器
PHP教程CSS教程XML教程

jquery返回顶部代码

更新时间:2012-11-17 10:32 作者:佚名点击:

分享一个jquery在返回顶部在代码:不依赖CSS

 $("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();
  }
 });

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容