页面中常见的返回顶部效果

Original 2019-04-17 12:06:12 195
abstract:<!DOCTYPE html><html><head><title>页面中常见返回顶部效果(TOP)</title><meta charset="UTF-8"><link rel="shortcut icon"  href="static/images/logo

<!DOCTYPE html>

<html>

<head>

<title>页面中常见返回顶部效果(TOP)</title>

<meta charset="UTF-8">

<link rel="shortcut icon"  href="static/images/logo.png" type="image/x-icon" />

<link rel="stylesheet" href="static/css/style.css" type="text/css">

<link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min.css">

<script type="text/javascript" src="static/js/jquery.js"></script>  


<script>

    $(function() {

        $(window).scroll(function(){

            if($(window).scrollTop()>150){

                $('#back').fadeIn(1000)

            }else{

                $('#back').fadeOut(1000)

            }




        })

    })


</script>

</head>

<body>

    <a href=""></a>

    <div>网页内容</div>

    <p id="back"><a href=""><span class="fa fa-arrow-circle-up"></span><br> 返回顶部</a></p>

</body>

</html>


Correcting teacher:查无此人Correction time:2019-04-17 14:00:59
Teacher's summary:写了不少作业嘛。jq的每行语句结束,要增加;号。继续加油。

Release Notes

Popular Entries