backToTop.js:

(function () {
var $backToTopEle = $('<div class="backToTop"></div>').appendTo($("body"))
.click(function () {
$("html, body").animate({ scrollTop: 0 }, 120);
}), $backToTopFun = function () {
var st = $(document).scrollTop(), winh = $(window).height();
(st > 0) ? $backToTopEle.show() : $backToTopEle.hide();
//IE6下的定位
if (!window.XMLHttpRequest) {
$backToTopEle.css("top", st + winh - 166);
}
};
$(window).bind("scroll", $backToTopFun);
$(function () { $backToTopFun(); });
})();

样式设置:

.backToTop {
display: none;
background:url(../images/go_top.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:50px;
height:50px;
color: #fff;
font-size: 12px;
text-align: center;
position: fixed;
_position: absolute;
right: 2px;
bottom: 2px;
_bottom: "auto";
cursor: pointer;
opacity: .6;
filter: Alpha(opacity=60);
}
.backToTop:hover
{
background:url(../images/go_top.gif);
background-repeat:no-repeat;
background-position:0px -100px;
}

最新文章

  1. C语言 &#183; 奇偶判断
  2. 【Android测试】【随笔】Android Studio环境搭建
  3. codeforces731C Socks
  4. undercore &amp; Backbone对AMD的支持(Require.js中如何使用undercore &amp; Backbone)
  5. Java中main方面面试题
  6. eclipse项目持续报红解决
  7. hdu1505(dp求最大子矩阵)
  8. Maven工程引入jar包(转)
  9. C#版考题
  10. Linux常用命令详解(二) -- 查找常用命令
  11. ssl双向认证
  12. JSJ—案例谈面向对象
  13. 【PHP】PHP的安装和配置
  14. DOM+position:relative+缓冲运动
  15. ABP框架系列之六:(Value-Objects-值对象)
  16. m4--宏处理器
  17. Thread.Sleep(0)
  18. git 入门一(初识)
  19. 236. Lowest Common Ancestor of a Binary Tree(最低公共祖先,难理解)
  20. P3185 [HNOI2007]分裂游戏

热门文章

  1. Python 通过print将数据保存到文件中
  2. TX Textcontrol 使用总结五——添加图片
  3. 在mac上安装svn客户端
  4. 黄聪:VPS实现自动定时备份网站数据以及Mysql数据库到百度云同步盘
  5. C#笔记一 .Net Framwork
  6. Spring Tool Suite中的Tomcat启动状态修改java代码保存立刻生效
  7. Camel、Pastal、匈牙利标记法
  8. Storm的数据处理编程单元:Bolt 学习整理
  9. cf 605B B. Lazy Student 构造 好题
  10. API 双方认证探讨