麻烦老师检查
来源:2-11 编程练习
最后的魔法使
2020-05-19 17:52:52
<!DOCTYPE html>
<html lang="en">
<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>
//此处写代码
var i=0;
$('div').scroll(
function () {
i++;
$('span').text(i);
}
);
</script>
</body>
</html>
1回答
樱桃小胖子
2020-05-19
同学你好,效果实现的是正确的,代码也没有问题,祝学习愉快!
相似问题