您现在的位置:首页 >> 前端 >> 内容

HTML回顶部代码

时间:2017/6/20 9:35:00 点击:

  核心提示:HTML回顶部代码!DOCTYPE htmlhtmlheadmeta charset=UTF-8title/titlescript src=../js/jquery.js type=text/ cha...
HTML回顶部代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <style type="text/css">
        .top{background: pink;height: 2000px;text-align: center;}
        .top_click{width:100px;background: red;margin: 0 auto;cursor: pointer;text-align: center;}
    </style>
    <body>
        <p class="top">内容</p>
        <p class="top_click">click</p>
    </body>
</html>
<script>    
    $(document).ready(function(){
            $(".top_click").click(function(){
            $("html,body").animate({scrollTop:0},800)
            return true
        })
    })
 
</script>

 

Tags:HT TM ML L回 
作者:网络 来源:Girl_0919的