请问代码是否正确

来源:2-11 编程练习

mogu54mogu

2019-07-11 17:55:19

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>习题</title>
    <style>
    div {
        width: 300px;
        height: 200px;
        overflow: scroll;
    }
    </style>
</head>

<body>
    <p>请试着滚动 DIV 中的文本:</p>
    <div>慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂
        <br /><br />
        慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂
        <br /><br />
        慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂
        <br /><br />
        慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂
    </div>
    <p>滚动了 <span>0</span> 次。</p>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script>
        $(document).ready(function(){
            var index = 0;
            $('div').scroll(function(){
                index+=1;
                $('span').text(index);
            });
            
        });
    </script>
</body>

</html>


写回答

1回答

好帮手慕言

2019-07-11

同学你好,效果实现的很棒~继续加油,祝学习愉快~

0

0 学习 · 14456 问题

查看课程