zoukankan      html  css  js  c++  java
  • Javascript:Go to top of page

    <!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydatoula -->
    <!-- START OF Watermark Jump to Top Link DHTML -->


    <!-- SUMMARY BRIEF

        This DHTML script will put a small watermark
        link in the bottom right corner of your page
        that will stay there even when the page scrolls.
        This link will always take the user back to
        the top of the page.

    -->


    <!-- Put this portion of the script inside of your <HEAD> tag -->


    <script>
    <!--

    // Change this text to the text that you want to be displayed as the link on your page.

    var displayed="<nobr><font size=2 face=Arial><b>[Top]</b></font></nobr>"

    // === DO NOT EDIT ANYTHING BELOW THIS LINE!!! === //

    var logolink='javascript:window.scrollTo(0,0)'
    var ns4=document.layers
    var ie4=document.all
    var ns6=document.getElementById&&!document.all

    function regenerate(){
    window.location.reload()
    }
    function regenerate2(){
    if (ns4)
    setTimeout("window.onresize=regenerate",400)
    }

    if (ie4||ns6)
    document.write('<span id="logo" style="position:absolute;top:-300;z-index:100">'+displayed+'</span>')

    function createtext(){ //function for NS4
    staticimage=new Layer(5)
    staticimage.left=-300
    staticimage.document.write('<a href="'+logolink+'">'+displayed+'</a>')
    staticimage.document.close()
    staticimage.visibility="show"
    regenerate2()
    staticitns()
    }

    function staticit(){ //function for IE4/ NS6
    var w2=ns6? pageXOffset+w : document.body.scrollLeft+w
    var h2=ns6? pageYOffset+h : document.body.scrollTop+h
    crosslogo.style.left=w2
    crosslogo.style.top=h2
    }

    function staticit2(){ //function for NS4
    staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-28
    staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height-10
    }

    function inserttext(){ //function for IE4/ NS6
    if (ie4)
    crosslogo=document.all.logo
    else if (ns6)
    crosslogo=document.getElementById("logo")
    crosslogo.innerHTML='<a href="'+logolink+'">'+displayed+'</a>'
    w=ns6? window.innerWidth-crosslogo.offsetWidth-20 : document.body.clientWidth-crosslogo.offsetWidth-10
    h=ns6? window.innerHeight-crosslogo.offsetHeight-15 : document.body.clientHeight-crosslogo.offsetHeight-10
    crosslogo.style.left=w
    crosslogo.style.top=h
    if (ie4)
    window.onscroll=staticit
    else if (ns6)
    startstatic=setInterval("staticit()",100)
    }

    if (ie4||ns6){
    window.onload=inserttext
    window.onresize=new Function("window.location.reload()")
    }
    else if (ns4)
    window.onload=createtext

    function staticitns(){ //function for NS4
    startstatic=setInterval("staticit2()",90)
    }

    //-->
    </script>


    <!-- END OF Watermark Jump to Top Link DHTML -->
    <font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>
  • 相关阅读:
    org.apache.maven.archiver.MavenArchiver.getManifest
    网易云信发送短信验证码
    background-attachment:fixed;
    background-size属性100% cover contain
    width:100% width:auto 区别
    背景图全屏显示
    多行文字的垂直居中
    路径问题../绝对路径/
    用position子绝父相和css3动画,当鼠标一上去元素从底部慢慢向上
    前置后置运算符重载
  • 原文地址:https://www.cnblogs.com/zzh/p/1332228.html
Copyright © 2011-2022 走看看