请选择 进入手机版 | 继续访问电脑版

BoonKiong.com2023™

      走好人生路,唱好人生这首歌。
人气 60

又一款返回顶部图标代码

文強官方 2023-6-25 22:11:43



1.jpg


把代码添加到第三方:

[CSS] 纯文本查看 复制代码
<style>
#pam {
        position: fixed;
        display: none;
        bottom: 4px;
        height: 53px;
        right: 4px;
        width: 53px;
        _position: absolute;
        _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#pam .top_img {
        display: block;
        height: 50px;
        width: 50px;
        background: url("https://boonkiong.com/b/p/top.png") no-repeat;
}
#pam .top_img:hover {
        background-position: center bottom;
}

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

<script language="javascript"
type="text/javascript">
function
getScroll(id){
var obj =
document.getElementById(id);
var timer =
null;
positionFixed(obj);

if(obj){
  obj.style.display =
'none';
  
window.onscroll=function(){
  
getScrollTop() > 0 ? obj.style.display = "block" :
obj.style.display = "none";
  
}
  
obj.onclick=function(){
  
var timer = setInterval(sMove,10);

  function sMove(){

   
setScrollTop(getScrollTop() / 1.5);
  
  if(getScrollTop() <
1)clearInterval(timer);
  
}
  
}
}
}
//判断IE6
function
positionFixed(obj){
var iE6 = !-[1,] &&
!window.XMLHttpRequest;
if(obj){


}
}
//获取滚动条Top
function
getScrollTop(){
return document.documentElement.scrollTop
|| document.body.scrollTop;
}
//回到顶部
function
setScrollTop(value){
document.documentElement.scrollTop =
value;
document.body.scrollTop =
value;
}
window.onload = function(){

getScroll('pam');
};
</script>







上一篇:会员未设置签名,系统自带(链接)签名内容
下一篇:内容页 上一篇 下一篇代码
  • TA的每日心情

    2023-7-25 17:56
  • 签到天数: 24 天

    连续签到: 23 天

    [LV.4]偶尔看看III

    您需要登录后才可以回帖 登录 | 立即注册

    您还未登录

    随手拍~~:

    热门推荐~~:

    2023年谷歌浏览器依然能够使用Flash的方法...

    1、首先需要安装 Clean Flash Player:[/colorT] 下载解压后鼠标右键“以管理员身份运行”Clean Fla ...

    Discuz! 相关帖子功能修改随机显示不依赖标...

    打开 sourcemoduleforumforum_viewthread.php 文件,查找: [mw_shl_code=css,true] if($post[ ...

    论坛表情分享...

    1、洋葱头 ...

    Discuz! X3.5 手机版 logo 的路径...

    打开以下的模板文件,搜索 logo_m.svg 1.template/default/touch/portal/index.htm 2.template/def ...

    如何在 discuz 帖子里添加 APlayer 音乐播...

    1、首先将下边的 APlayer.css 和 APlayer.js 代码下载然后解压上传到服务器。 2、单曲音乐的代 ...

    热度会员~~:

    文強huaekinadminku510

    免责声明~~:


    本站内容来源于合作伙伴及网络搜集,版权归原作者所有。如有侵犯版权,请立刻和本站联系,我们将在三个工作日内予以改正。
    Email:hsbk@hotmail.com

    手机App~~:

    服务与条款|隐私政策|免责声明|手机版|友链申请|小黑屋|网站地图| 文强阁

    Powered by Discuz! X3.5|© 2001-2023 Discuz! Team. |距离冬至还有: