0){ if($.browser.ie6){ $('#goTopButton').css('top', $(this).scrollTop() + $(this).height() - 170); } if($('#goTopButton').css('display') == 'none'){ $('#goTopButton').fadeIn(); } }else{ $('#goTopButton').fadeOut(); } });})(jQuery);[/html]3、上传以下图片至images目录[img]download.asp?id=145[/img],风一样的男孩's Blog - 创造机会的人是勇者;等待机会的人是愚者" /> jquery动态显示“返回顶部”功能代码 - 风一样的男孩's Blog

jquery动态显示“返回顶部”功能代码

1、增加如下CSS代码

/*gotop#polaris*/
.gotop_btn {
    margin-left: 457px;
}
.gotop_btn {
    background: url("images/scrolltop.png") no-repeat scroll 0 0 transparent;
    bottom: 100px;
    display: block;
    height: 70px;
    left: 50%;
    margin-left: 481px;
    position: fixed;
    width: 21px;
}
.gotop_btn:hover {
    background-position: -21px 0;
    text-decoration: none;
}

2、增加如下JS代码
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


3、上传以下图片至images目录



[本日志由 风一样的男孩 于 2012-04-24 01:14 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: jquery Js
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.