zoukankan      html  css  js  c++  java
  • 页面小功能

    <div id="to_top">
    <div class="dp_float"><a><img src="${pageContext.request.contextPath}/css/gy/image/dp_icon.png" /><br />回顶部</a></div>
    </div>


    <%-- 返回顶部:baoxw --%>
    <style>
    body{margin:0; padding:0}
    #to_top{ padding-bottom:0px;margin:0px; font:14px/20px arial; background:#06c; position:absolute; cursor:pointer; color:#fff}
    </style>
    <script>
    window.onload = function(){
    var oTop = document.getElementById("to_top");
    var screenw = document.documentElement.clientWidth || document.body.clientWidth;
    var screenh = document.documentElement.clientHeight || document.body.clientHeight;
    oTop.style.left = screenw - oTop.offsetWidth +"px";
    oTop.style.top = screenh - oTop.offsetHeight + "px";
    window.onscroll = function(){
    var scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
    oTop.style.top = screenh - oTop.offsetHeight + scrolltop +"px";
    }
    oTop.onclick = function(){
    document.documentElement.scrollTop = document.body.scrollTop =0;
    }
    }
    </script>
    <%-- 返回顶部:baoxw --%>

  • 相关阅读:
    设计模式Day02
    OA,ERP等源码一部分演示
    第三方登录
    其实没那么复杂!探究react-native通信机制
    学习面试题(day01)
    学习面试题Day02
    学习面试题Day03
    python 字典排序
    Mac系统下adb工具的配置
    Mac adb 安装
  • 原文地址:https://www.cnblogs.com/rick168/p/4779583.html
Copyright © 2011-2022 走看看