zoukankan      html  css  js  c++  java
  • 用Jquery写返回顶部代码

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>jquery动态回到顶部特效</title>
    </head>
    <body>
    <style>
    .up {position: fixed;bottom:35px;right:35px;cursor:pointer;display:none;}
    </style>
    <p>Just do what you want do!!!</p>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <div class="up">&uarr;</div>
    <script type="text/javascript" src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript">
      var fh=$('.up');
        $(document).scroll(function() {
                 var gdt=$(window).scrollTop();
                 if(gdt>=200){
                     fh.css('display','block')
                 }else{
                      fh.css('display','none')
                 }            
            });        
        fh.click(function(){
            var c=$(window).scrollTop();
            if(c>0){
                timg=setInterval(function(){
                    $(window).scrollTop(c);
                    if(c>0){
                        c-=10
                    }else{
                        clearInterval(timg)
                    }
                },0.5)
            }
        });
    </script>
    </body>
    </html>

  • 相关阅读:
    k8s的快速使用手册
    prometheus
    k8s的存储卷
    nfs共享文件服务搭建
    k8s的基本使用
    Linux shell if [ -n ] 正确使用方法
    CURL使用方法详解
    LINUX下NFS系统的安装配置
    RedHat 6.2 Linux修改yum源免费使用CentOS源
    css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?
  • 原文地址:https://www.cnblogs.com/meiqiyuanzi/p/6923895.html
Copyright © 2011-2022 走看看