jQuery 返回头部[顶部] 代码
2012-11-08 14:15:33 来源:WEB开发网 var main_left = Math.round($(".main").offset().left+980)+"px";
var back_top_ele = "<a href='javascript:;' id='back_top'></a>";
var back_top_sty = {width:"15px", height:"60px", bottom:"100px", left:main_left, position:"fixed", display:"none", background:"red" };
$("body").append(back_top_ele);
$("#back_top").css(back_top_sty);
$(window).scroll(function(){
if( $(window).scrollTop() > 200 ){
if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) {
$("#back_top").css({ display:"block", position:"absolute", top:$(window).scrollTop()+450+"px"});
}else{
$("#back_top").css({ display:"block", position:"fixed"});
}
}else{
$("#back_top").hide();
}
});
$(window).resize(function(){
if($(window).width() <= 1000){
main_left = $(window).width()-20+"px";
}else{
main_left = Math.round($(".main").offset().left+980)+"px";
}
$("#back_top").css("left",main_left);
});
$("#back_top").click(function(){
$("html, body").animate({scrollTop:0}, 500);
return false;
});
- ››jquery .ajax方法 异步表单,接收服务器返回的数据...
- ››jquery 添加\删除 cookie
- ››jquery 正则表达式判断是否为正确邮箱格式
- ››jQuery EasyUI 数字框(NumberBox)用法
- ››JQuery中对option的添加、删除、取值
- ››JQuery实现下拉,单选,复选三大控件方法,
- ››jquery实现判断输入文字个数的代码
- ››jQuery bxCarousel实现图片滚动切换效果
- ››jQuery弹性滑动导航菜单
- ››jquery实现全选反选功能
- ››jQuery 屏蔽单个元素使用户无法点击
- ››jquery做复选框的全选、全部选、反选更加简单
更多精彩
赞助商链接