求助VPS网页代码修改

Ruclinux

下边这个是返回页首顶部的代码，有没有懂的朋友能不能改成可以返回页首和直达底部的代码呢？谢谢了.

<div id="BackTop" style="position:fixed;bottom:60px;right:10px;display:none;cursor:pointer;"><a title="Top" onclick="window.scrollTo(0,0);return false;" href="#top" class="back-top">Top</a><img src="/images/back-top.png"/></div>
<script type="text/javascript">
        idBackTop=document.getElementById('BackTop');
        idBackTop.onclick=function (){
                document.documentElement.scrollTop=0;
                sb();
                }
        window.onscroll=sb;
        function sb(){
                if(document.documentElement.scrollTop==0){
                        idBackTop.style.display="none";
                        }else{
                                idBackTop.style.display="block";
                                }
                }
</script>

我把代码改成这样的无效.

<div id="Gotobottom" style="position:fixed;top:60px;right:10px;display:none;cursor:pointer;"><a title="bottom" onclick="window.scrollTo(0,0);return false;" href="#bottom" class="go-bottom">bottom</a><img src="/images/back-top.png"/></div>
<script type="text/javascript">
        idGotobottom=document.getElementById('Gotobottom');
        idGotobottom.onclick=function (){
                document.documentElement.scrollTop=0;
                sb();
                }
        window.onscroll=sb;
        function sb(){
                if(document.documentElement.scrollTop==0){
                        idBackTop.style.display="none";
                        }else{
                                idGotobottom.style.display="block";
                                }
                }
</script>

Ruclinux

最近RP可能不太好，抄网上一段代码，一字不漏的添加到文件里后，IE里图片在右边上，firefox15.0里图片却在左边，发布代码的那个网站却没这样的事.清除了firefox缓存后也是如此.

Ruclinux

还是看得不明白，谢谢大家了.能写个简单的吗？就照着我给的那份能修改吗？

Ruclinux

像这个这样的要怎么弄呢？谢谢 http://bbs.city.tianya.cn/tianyacity/content/59/1/593910.shtml

ineme

看到这么多人写了，我就不写了，这么简单的东西，吼吼吼！

Ruclinux

Mr.Ra1n 发表于 2012-9-6 12:20
你那个一样有JS。

谢谢了，你的那个要添加JS文件吗？

mix

5L那个最简单了

Ruclinux

<div id="Gotobottom" style="position:fixed;top:60px;right:10px;display:none;cursor:pointer;"><a title="bottom" onclick="window.scrollTo(0,0);return false;" href="#bottom" class="go-bottom">bottom</a><img src="/images/back-top.png"/></div>
<script type="text/javascript">
        idGotobottom=document.getElementById('Gotobottom');
        idGotobottom.onclick=function (){
                document.documentElement.scrollTop=0;
                sb();
                }
        window.onscroll=sb;
        function sb(){
                if(document.documentElement.scrollTop==0){
                        idBackTop.style.display="none";
                        }else{
                                idGotobottom.style.display="block";
                                }
                }
</script>

我把代码改成这样的无效.

Ruclinux

Mr.Ra1n 发表于 2012-9-6 00:26
需要JQuery支持，懒得费事写，直接现扒的。

HTML:CSS:JS:

首先谢谢了.这个我看过，因为我不想添加JS代码，所以我找了我发的那个.

kaia

1. <div id="top">
   
2. <a class="自己加样式" href="#top" >回到顶部</a>

复制代码

就这么简单啊。。。。