Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

将X2返回顶部的按钮X1.5中实现步骤

[复制链接]
elevensky 发表于 2011-4-24 17:51:12 | 显示全部楼层 |阅读模式
本帖最后由 elevensky 于 2011-5-13 14:37 编辑

很多人都想让x2中的返回顶部移动到1.5上,那么下面我就教大家如何将这个功能移动到1.5上。
首先打开X2安装包你需要讲一下几处的代码移动到 1.5中。
1.打开x2中的./static/js/common.js找到这段js函数将它复制到x1.5中的./static/js/common.js文件底部。
function showTopLink() {
        if($('ft')){
                var viewPortHeight = parseInt(document.documentElement.clientHeight);
                var scrollHeight = parseInt(document.body.getBoundingClientRect().top);
                var basew = parseInt($('ft').clientWidth);
                var sw = $('scrolltop').clientWidth;
                if (basew < 1000) {
                        var left = parseInt(fetchOffset($('ft'))['left']);
                        left = left < sw ? left * 2 - sw : left;
                        $('scrolltop').style.left = ( basew + left ) + 'px';
                } else {
                        $('scrolltop').style.left = 'auto';
                        $('scrolltop').style.right = 0;
                }

                if (BROWSER.ie && BROWSER.ie < 7) {
                        $('scrolltop').style.top = viewPortHeight - scrollHeight - 150 + 'px';
                }
                if (scrollHeight < -100) {
                        $('scrolltop').style.visibility = 'visible';
                } else {
                        $('scrolltop').style.visibility = 'hidden';
                }
        }
}

2.找到x2中的./template/default/common/footer.htm,将以下代码
  1. <span id="scrolltop" onclick="window.scrollTo('0','0')">{lang scrolltop}</span>
  2. <script type="text/javascript">_attachEvent(window, 'scroll', function(){showTopLink();});</script>
复制代码



复制到x1.5中的./template/default/common/footer.htm文件中的<!--{eval output();}-->这段代码的上面。

3.找到找到x2中的./template/default/common/common.css,将以下代码
                        #scrolltop { visibility: hidden; position: fixed; bottom: 100px; display: block; margin: -30px 0 0; width: 26px; height: 50px; background: url({IMGDIR}/scrolltop.png) no-repeat 50% 0; line-height: 999px; overflow: hidden; cursor: pointer; }
                .ie6 #scrolltop { position: absolute; bottom: auto; }

复制到x1.5中的./template/default/common/common.css文件中.

4.找到找到x2中的./static/image/common/scrolltop.png复制到x1.5中的./static/image/common/文件中.
然后更新缓存。前台刷新页面看看吧{:soso_e112:}


评分

1

查看全部评分

82076322 发表于 2011-4-24 18:26:05 | 显示全部楼层
回复

使用道具 举报

lancev 发表于 2011-4-26 12:31:40 | 显示全部楼层
新手看着吃力。。哎
回复

使用道具 举报

helvshen 发表于 2011-4-29 01:23:58 | 显示全部楼层
有人成功了么
回复

使用道具 举报

helvshen 发表于 2011-4-29 01:46:32 | 显示全部楼层
按照以上步骤做了,点击之后没反应...
回复

使用道具 举报

nightowl 发表于 2011-4-29 13:23:26 | 显示全部楼层
贴内就有“返回顶部”啦
回复

使用道具 举报

nightowl 发表于 2011-4-29 14:37:12 | 显示全部楼层
helvshen 发表于 2011-4-29 01:46
按照以上步骤做了,点击之后没反应...

同样问题。按照以上步骤做了,点击之后没反应。
回复

使用道具 举报

UNI0916 发表于 2011-4-29 23:10:00 | 显示全部楼层
回文功能要是能善加管理就沒有搗亂的
這語法 我學起來
回复

使用道具 举报

nightowl 发表于 2011-5-1 23:57:19 | 显示全部楼层
有人成功了么
回复

使用道具 举报

nightowl 发表于 2011-5-3 00:06:32 | 显示全部楼层
出来说句话呀。
回复

使用道具 举报

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

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-17 08:39 , Processed in 0.028028 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表