仿discuz返回顶部图片多样化

9528

放第三方 或者header.htm 放最下面

1. <style>
   
2. #pam {
   
3.         position: fixed;
   
4.         display: none;
   
5.         bottom: 4px;
   
6.         height: 53px;
   
7.         right: 4px;
   
8.         width: 53px;
   
9.         _position: absolute;
   
10.         _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    
11. }
    
12. #pam .top_img {
    
13.         display: block;
    
14.         height: 34px;
    
15.         width: 35px;
    
16.         background: url("图片地址") no-repeat;
    
17. }
    
18. #pam .top_img:hover {
    
19.         background-position: center bottom;
    
20. }
    
21. 
    
22. </style>
    
23. <div id="pam" style="display: block;"><a class="top_img" href="#"></a></div>
    
24. 
    
25. <script language="javascript"
    
26. type="text/javascript">
    
27. function
    
28. getScroll(id){
    
29. var obj =
    
30. document.getElementById(id);
    
31. var timer =
    
32. null;
    
33. positionFixed(obj);
    
34. 
    
35. if(obj){
    
36.   obj.style.display =
    
37. 'none';
    
38.   
    
39. window.onscroll=function(){
    
40.   
    
41. getScrollTop() > 0 ? obj.style.display = "block" :
    
42. obj.style.display = "none";
    
43.   
    
44. }
    
45.   
    
46. obj.onclick=function(){
    
47.   
    
48. var timer = setInterval(sMove,10);
    
49. 
    
50.   function sMove(){
    
51. 
    
52.    
    
53. setScrollTop(getScrollTop() / 1.5);
    
54.   
    
55.   if(getScrollTop() <
    
56. 1)clearInterval(timer);
    
57.   
    
58. }
    
59.   
    
60. }
    
61. }
    
62. }
    
63. //判断IE6
    
64. function
    
65. positionFixed(obj){
    
66. var iE6 = !-[1,] &&
    
67. !window.XMLHttpRequest;
    
68. if(obj){
    
69. 
    
70. 
    
71. }
    
72. }
    
73. //获取滚动条Top
    
74. function
    
75. getScrollTop(){
    
76. return document.documentElement.scrollTop
    
77. || document.body.scrollTop;
    
78. }
    
79. //回到顶部
    
80. function
    
81. setScrollTop(value){
    
82. document.documentElement.scrollTop =
    
83. value;
    
84. document.body.scrollTop =
    
85. value;
    
86. }
    
87. window.onload = function(){
    
88. 
    
89. getScroll('pam');
    
90. };
    
91. </script>

复制代码

1. height: 34px;
   
2.         width: 35px;

复制代码

这里调试自己上传图片大小

9528

[无界]仿x系列之【返回顶部】

代码放在header.htm最下边即可

1. <!--仿x3回顶部begin-->
   
2. <script type="text/javascript">
   
3. function goTopEx(){
   
4.         var obj=document.getElementById("goTopBtn");
   
5.         function getScrollTop(){
   
6.                 return document.documentElement.scrollTop || document.body.scrollTop;
   
7.             }
   
8.         function setScrollTop(value){
   
9.             if(document.documentElement.scrollTop){
   
10.                     document.documentElement.scrollTop=value;
    
11.                 }else{
    
12.                     document.body.scrollTop=value;
    
13.                 }
    
14.                
    
15.             }   
    
16.         window.onscroll=function(){getScrollTop()>0?obj.style.display="":obj.style.display="none";
    
17.                     var h=document.body.scrollHeight - getScrollTop() - obj.offsetTop - obj.offsetHeight;
    
18.                     obj.style.bottom=0+"px";
    
19.                     if(h<350){
    
20.                         obj.style.bottom=340+"px";
    
21.                         obj.style.top="auto";
    
22.                     }
    
23. 
    
24.         
    
25.         }
    
26.         obj.onclick=function(){
    
27. 
    
28.             var goTop=setInterval(scrollMove,10);
    
29.             function scrollMove(){
    
30.                     setScrollTop(getScrollTop()/1.1);
    
31.                     if(getScrollTop()<1)clearInterval(goTop);
    
32. 
    
33.                 }
    
34.         }
    
35.     }
    
36. 
    
37. function csfatie(){
    
38. if (fid==0){
    
39. showDialog("在这里不能发帖!")
    
40. return false
    
41. }
    
42. location.href="/post.php?action=newthread&" + "fid=" + fid
    
43. }
    
44. </script>
    
45. 
    
46. <div  id="scrolltop">
    
47. <span><a onclick="csfatie()" class="replyfast" title="快速发帖"><b>快速发帖</b></a></span>
    
48. <span><div style="bottom: 0px; display: none;" id="goTopBtn"><a title="返回顶部" class="scrolltopa"><b>返回顶部</b></a></div></span>
    
49. <script type="text/javascript">goTopEx();</script>
    
50. <span><a href="http://jiapinshuizu.imotor.com/index.php" hidefocus="true" class="returnlist" title="返回首页"><b>返回首页</b></a></span>
    
51. </div>
    
52. 
    
53. <style>
    
54. #scrolltop {margin-left: 905px;left:50%;position: fixed;bottom: 100px;display: block;width: 40px;background: none repeat scroll 0% 0% #F4F4F4;border-width: 0px 1px 1px;border-style: none solid solid;border-color: #CDCDCD;border-image: none;border-radius: 3px;cursor: pointer;}
    
55. #scrolltop a {display: block;width: 30px;height: 24px;padding: 3px 5px;line-height: 12px;text-align: center;color: #787878;text-decoration: none;background: url(http://www.bbvdd.com/d/20191208192913jv4.png) no-repeat scroll 0px 0px transparent;border-top: 1px solid #CDCDCD;}
    
56. a.replyfast {background-position: 0px -30px !important;}
    
57. a.replyfast:hover  {background-position: -40px -30px !important;}
    
58. a.scrolltopa:hover {background-position: -40px 0px !important;}
    
59. a.scrolltopa {background-position: 0px 0px !important;}
    
60. a.returnlist {background-position: 0px -60px !important;}
    
61. a.returnlist:hover {background-position: -40px -60px !important;}
    
62. a.replyfast {background-position: 0px -30px !important;}
    
63. #scrolltop a b {visibility: hidden;font-weight: normal;}
    
64. </style>
    
65. <!--仿x3回顶部end-->

复制代码