jQuery实现返回top函数
今天,我们有一个js jq函数返回到顶部,不多说话,有一幅画的真相!复制代码代码如下所示:
(函数($){)
美元=调查=功能(选项){
var缺省值=宽度:298
var选项=扩展(默认值,选项);
如果(美元。浏览器。MSIE){
无功ieversion = parseInt(美元。浏览器版本)}
__feedcreat =函数(){ var
无功feedhtml = $();
feedhtml.html( u8fd4 u56de u9876 u90e8 u610f u89c1 u53cd u9988);
$(体)追加(feedhtml);
__ie6fixed()
};
绑定事件
__initevent =函数(){ var
$(窗口)。调整大小(函数(){)
无功winw =美元(这)Width();
如果(winw <= 1124){ $(# pubfeedback )(隐藏)}
别的{ $(# pubfeedback )显示()}。
});
$(窗口)Bind(滚动
如果($(this)。ScrollTop()> 50){
$(# backtop)。FadeIn(),Css({显示:块})
}
别的{ $(# backtop)。FadeOut(),Css({显示:} })}
});
$(# backtop )Bind(单击。
E.preventDefault();
$(HTML、体),ScrollTop(0)});
};
回到顶端
无功__tip =函数(类型,tiptext){
无功surveytip = $(# d_surveytip ),surveymask = $(# d_surveymask );
如果(!surveytip | |!surveymask){ return }
surveytip.removeclass(报警成功)。AddClass(型)Html(tiptext);
surveymask.css(显示
surveytip.css(显示
setTimeout(){()函数(
surveymask.css(显示
};
/ / IE6的兼容性
__ie6fixed =函数(){ var
如果(ieversion!= 6){返回}
无功surveybox = $(# d_surveybox );
无功pubfeedback = $(# pubfeedback );
如果(!surveybox | |!pubfeedback)
{
返回
}
$(窗口)Bind(滚动
var = $(窗口)(高度),ST = $(窗口)(。scrollTop),_top = H + st-options.height(_top1 = H + ST pubfeedback。高度);无功15;surveybox.css(顶
pubfeedback.css(顶
})
};
启动
如果(屏幕宽度> = 1280)
{
(函数(){())
__feedcreat(__initevent))(());}
}
}
})(jQuery);
窗口。误差=函数(){ return false };
如果(美元。功能($(document)。调查)){ $(document)(调查)}
复制代码代码如下所示:
# backtop我,# callsurvey我{ background: url(调查。PNG)没有重复;}
# pubfeedback {位置:固定;_position:绝对;右:15px;底:15px;宽度:54px;字体大小:12px;}
# backtop,# callsurvey {显示:块;宽度:52px;填充:1px;身高:56px;线高度:22px;文本对齐:中心;颜色:# FFF;文字装饰:无;}
# backtop {显示:无;背景:# 999;}
# backtop:悬停{背景:# CCC;变焦:1;文字装饰:无;颜色:# FFF;}
# backtop我{显示:块;宽度:25px;身高:13px;保证金:14px汽车8px;背景位置:- 63px 0;}
# callsurvey {保证金:1px;背景:# 3687d9;}
# callsurvey:悬停{背景:# 66a4e3;变焦:1;文字装饰:无;颜色:# FFF;}
# callsurvey我{显示:块;宽度:26px;身高:25px;保证金:9px汽车0;背景位置:0 0;}
# callsurvey:萦绕我{背景位置:- 30px 0;}
代码很简单,你直接拿去,放到你自己的项目中,如果你有bug,请给我留言。