免費論壇 繁體 | 簡體
公告：SCLUB雲端專屬主機己開放租用
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
返回列表 下一主题 ›› ‹‹ 上一主题641浏览 | 1回复 发帖

1# 跳转到 » 倒序看帖
9528发表于 2024-8-14 14:03 〇一二三四五六七八九十百千万亿零壹贰叁肆伍陆柒捌玖拾佰仟萬億~

仿discuz返回顶部图片多样化

放第三方 或者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. }

  22. </style>
  23. <div id="pam" style="display: block;"><a class="top_img" href="#"></a></div>

  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);

  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);

  50.   function sMove(){

  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){


  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(){

  89. getScroll('pam');
  90. };
  91. </script>
复制代码




  1. height: 34px;
  2.         width: 35px;
复制代码




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



附件: 您需要登录才可以下载或查看附件。没有帐号？注册  
本主题由 9528 于 2025-5-28 13:55 设置高亮
收藏 分享
分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
欢迎来到9528虚拟世界分享圈！Http://9528.gain.tw
   免費論壇申請

在线电影 在线音乐 在线阅读 软件下载 美图分享 返回首页


2#
9528发表于 2024-8-14 14:05 〇一二三四五六七八九十百千万亿零壹贰叁肆伍陆柒捌玖拾佰仟萬億~
[无界]仿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.                     }

  24.         
  25.         }
  26.         obj.onclick=function(){

  28.             var goTop=setInterval(scrollMove,10);
  29.             function scrollMove(){
  30.                     setScrollTop(getScrollTop()/1.1);
  31.                     if(getScrollTop()<1)clearInterval(goTop);

  33.                 }
  34.         }
  35.     }

  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>

  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>

  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-->
复制代码

附件: 您需要登录才可以下载或查看附件。没有帐号？注册  
欢迎来到9528虚拟世界分享圈！Http://9528.gain.tw
   免費論壇申請

在线电影 在线音乐 在线阅读 软件下载 美图分享 返回首页

返回列表 下一主题 ›› ‹‹ 上一主题641浏览 | 1回复