jquery javascript 回到顶部功能

今天搞了一个回到顶部的JS JQ功能

1. (function($){
2. $.fn.survey=function(options){
4. vardefaults={width:"298",height:"207"};
6. varoptions=$.extend(defaults,options);
8. if($.browser.msie){
9. varieVersion=parseInt($.browser.version)}
11. //建立HTML
12. var__feedCreat=function(){
13. varfeeDHTML=$('<divid="pubFeedBack"></div>');
14. feedHtml.html('<ahref="#top"id="backTop"><i></i>/u8fd4/u56de/u9876/u90e8</a><ahref="#"id="callSurvey"><i></i>/u610f/u89c1/u53cd/u9988</a>');
15. $("body").append(feedHtml);
16. __ie6Fixed()
17. };
19. //绑定事件
20. var__initEvent=function(){
21. $(window).resize(function(){
22. varwinW=$(this).width();
23. if(winW<=1124){$("#pubFeedBack").hide()}
24. else{$("#pubFeedBack").show()}
25. });
27. $(window).bind("scroll",function(){
28. if($(this).scrollTop()>50){
29. $("#backTop").fadeIn().CSS({"display":"block"})
30. }
31. else{$("#backTop").fadeOut().css({"display":""})}
32. });
36. $("#backTop").bind("click",function(e){
37. e.preventDefault();
38. $("html,body").scrollTop(0)});
39. };
41. //回到顶部
42. var__tip=function(type,tipText){
43. varsurveyTip=$("#D_SurveyTip"),surveyMask=$("#D_SurveyMask");
44. if(!surveyTip||!surveyMask){return}
45. surveyTip.removeClass("warningsuccess").addClass(type).html(tipText);
46. surveyMask.css("display","block");
47. surveyTip.css("display","block");
48. setTimeout(function(){
49. surveyMask.css("display","none");surveyTip.css("display","none")},1000)
50. };
53. //ie6兼容
54. var__ie6Fixed=function(){
55. if(ieVersion!==6){return}
56. varsurveyBox=$("#D_SurveyBox");
57. varpubFeedBack=$("#pubFeedBack");
58. if(!surveyBox||!pubFeedBack)
59. {
60. return
61. }
62. $(window).bind("scroll",function(){
63. varh=$(window).height(),st=$(window).scrollTop(),_top=h+st-options.height;var_top1=h+st-pubFeedBack.height()-15;surveyBox.css("top",_top+"px");
64. pubFeedBack.css("top",_top1+"px")
65. })
66. };
69. //开始执行
70. if(screen.width>=1280)
71. {
72. (function(){
73. __feedCreat();__initEvent()})()
74. }
75. }
76. })(jQuery);
78. window.onerror=function(){returnfalse};
79. if($.isFunction($(document).survey)){$(document).survey()}

1. #backTopi,#callSurveyi{background:url(survey.png)no-repeat;}
2. #pubFeedBack{position:fixed;_position:absolute;right:15px;bottom:15px;width:54px;font-size:12px;}
3. #backTop,#callSurvey{display:block;width:52px;padding:1px;height:56px;line-height:22px;text-align:center;color:#fff;text-decoration:none;}
4. #backTop{display:none;background:#999;}
5. #backTop:hover{background:#ccc;zoom:1;text-decoration:none;color:#fff;}
6. #backTopi{display:block;width:25px;height:13px;margin:14pxauto8px;background-position:-63px0;}
7. #callSurvey{margin-top:1px;background:#3687d9;}
8. #callSurvey:hover{background:#66a4e3;zoom:1;text-decoration:none;color:#fff;}
9. #callSurveyi{display:block;width:26px;height:25px;margin:9pxauto0;background-position:00;}
10. #callSurvey:hoveri{background-position:-30px0;}