为了账号安全,请及时绑定邮箱和手机立即绑定

兼容跨浏览器跨平台的H5端下拉刷新及上滑加载更多效果

难度中级
时长 1小时47分
学习人数
综合评分10.00
0人评价 查看评价
10.0 内容实用
10.0 简洁易懂
10.0 逻辑清晰
简介:随着技术发展,智能化多端设备已是大家必备的设备,本课程分析讲解在移动端,运用原生JS+CSS3 技术,实现兼容跨浏览器跨平台的H5端下拉刷新及上滑加载更多效果,灵活运用知识的同时实战移动端典型动效特效。

第2章 JS+CSS实现下拉刷新效果

本章实现上滑加载更多效果,通过案例拆解,结合矢量图标库获取加载图标+@keyframes和animation实现加载动画,以及讲解生成模拟数据的通用思路,生成模拟数据以共上滑加载更多功能的测试使用。

第3章 JS+CSS实现上滑加载更多效果

本章实现上滑加载更多效果,通过案例拆解,结合矢量图标库获取加载图标+@keyframes和animation实现加载动画,以及讲解生成模拟数据的通用思路,生成模拟数据以共上滑加载更多功能的测试使用。

第4章 课程总结

本章带领大家回顾课程,帮助大家快速梳理所学内容。
课程须知
1.前端HTML、CSS、JS语法基础 2.开发简单demo案例
老师告诉你能学到什么?
1.掌握动效原理以及开发思路 2.CSS3的transform、transition、animation、@keyframs等 3.js API:touchstart、touchmove、touchend触屏事件 4.常见典型案例下拉刷新、上滑加载效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!