简介:通过本课程,让您掌握鼠标滚轮事件的细节,并能通过掌握细节实现自定义滚动条的效果。我们学完后也可以将鼠标滚轮事件封装成组件,通过封装的组件实现一个复杂的交互效果,深入理解滚轮事件的交互。
第1章 介绍课程目标和学习内容
通过详细的细分教学,让学生掌握鼠标滚轮事件的细节,并能通过掌握的细节实现自定义滚动条的效果。并能将鼠标滚轮事件封装成组件。通过封装的组件实现一个复杂的交互效果,深入理解滚轮事件的交互
第2章 案例HTML和CSS搭建
分析并完成示例的HTML结构,并同时完成标签区域和滚动区域的样式,实现案例整体外观。
第3章 实现案例交互
介绍自调用匿名函数,jQuery.extend方法的使用,实现可复用的JS代码组织结构。讲解拖动滑块内容滚动的思路,以及基本的事件绑定与解除,事件命令空间的使用,了解jQuery中outerHeight()与height()的区别,掌握实现标签切换时实现文章定位的思路。
第4章 总结课程
通过本课程,我们学习了鼠标的滚轮事件,以及如何封装成jQuery事件组件。结合实际的例子,我们实现了如何通过鼠标滚轮事件控制文本内容的滚动。