Chinaunix首页 | 论坛 | 博客
  • 博客访问: 269750
  • 博文数量: 52
  • 博客积分: 1278
  • 博客等级: 中尉
  • 技术积分: 627
  • 用 户 组: 普通用户
  • 注册时间: 2009-08-26 12:46
文章分类

全部博文(52)

文章存档

2013年(1)

2012年(51)

分类: 系统运维

2012-04-16 11:38:02


点击(此处)折叠或打开

  1. .backToTop {
  2.     display: none;
  3.     width: 18px;
  4.     line-height: 1.2;
  5.     padding: 5px 0;
  6.     background-color: #000;
  7.     color: #fff;
  8.     font-size: 12px;
  9.     text-align: center;
  10.     position: fixed;
  11.     _position: absolute;
  12.     right: 10px;
  13.     bottom: 100px;
  14.     _bottom: "auto";
  15.     cursor: pointer;
  16.     opacity: .6;
  17.     filter: Alpha(opacity=60);
  18. }

点击(此处)折叠或打开

  1. (function() {
  2.     var $backToTopTxt = "返回顶部", $backToTopEle = $('
    '
    ).appendTo($("body"))
  3.         .text($backToTopTxt).attr("title", $backToTopTxt).click(function() {
  4.             $("html, body").animate({ scrollTop: 0 }, 120);
  5.     }), $backToTopFun = function() {
  6.         var st = $(document).scrollTop(), winh = $(window).height();
  7.         (st > 0)? $backToTopEle.show(): $backToTopEle.hide();
  8.         //IE6下的定位
  9.         if (!window.XMLHttpRequest) {
  10.             $backToTopEle.css("top", st + winh - 166);
  11.         }
  12.     };
  13.     $(window).bind("scroll", $backToTopFun);
  14.     $(function() { $backToTopFun(); });
  15. })();
原文链接
阅读(3662) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~