剑客
关注科技互联网

jQuery实现自定义滚动条

课程简介

通过本课程,让您掌握鼠标滚轮事件的细节,并能通过掌握细节实现自定义滚动条的效果。并能将鼠标滚轮事件封装成组件。通过封装的组件实现一个复杂的交互效果,深入理解滚轮事件的交互。

第1章 介绍课程目标和学习内容

通过详细的细分教学,让学生掌握鼠标滚轮事件的细节,并能通过掌握的细节实现自定义滚动条的效果。并能将鼠标滚轮事件封装成组件。通过封装的组件实现一个复杂的交互效果,深入理解滚轮事件的交互

第2章 案例HTML和CSS搭建

分析并完成示例的HTML结构,并同时完成标签区域和滚动区域的样式,实现案例整体外观。

第3章 实现案例交互

介绍自调用匿名函数,jQuery.extend方法的使用,实现可复用的JS代码组织结构。讲解拖动滑块内容滚动的思路,以及基本的事件绑定与解除,事件命令空间的使用,了解jQuery中outerHeight()与height()的区别,掌握实现标签切换时实现文章定位的思路。…

第4章 总结课程

通过本课程,我们学习了鼠标的滚轮事件,以及如何封装成jQuery事件组件。结合实际的例子,我们实现了如何通过鼠标滚轮事件控制文本内容的滚动。

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址