导航
课程首页
  • PM-Summit 全球产品经理大会云会员
  • SDCon 全球软件研发技术大会云会员
  • ML-Summit 全球机器学习技术大会云会员
  • C++性能优化高端培训
  • AI全栈开发实战营
精品课 极客时间

AI 搜索

登录
登录后您可以:
  • 复制代码和一键运行
  • 与博主大V深度互动
  • 解锁海量精选资源
  • 获取前沿技术资讯
立即登录
会员中心
消息
历史
创作中心
创作
学习中心
成为讲师

JavaScript交互效果实战 JavaScript交互小案例 定时器

JavaScript交互效果实战
共60节 331人在学 课程详情
课程目录
讨论留言
  • JavaScript交互小案例

    • 定时器
    • 倒计时
    • 顶部通栏
    • 模拟广告病毒
    • 隔行变色的表格
    • tab切换
    • 案例:打字游戏
    • 拖拽一个盒子
    • 拖拽一个盒子+边界值判断
    • 实时显示鼠标位置
    • 九宫格拖拽1
    • 九宫格拖拽2
    • 九宫格拖拽3 总结
  • 插件开发案例:绚丽烟花

    • 烟花:封装工具函数
    • 烟花:面向过程版
    • 烟花:面向对象版
  • 插件开发案例:放大镜

    • 放大镜:编程思路
    • 放大镜:布局+事件
    • 放大镜:缩略图点击事件
    • 放大镜:计算大图偏移量
    • 放大镜:重构为面向对象版
    • 放大镜:设置折叠展开代码快键键
    • 放大镜:class版
  • 插件开发案例:分页器

    • 分页器:编程思路
    • 分页器:生成随机数据
    • 分页器:绘制表格
    • 分页器:框架搭建
    • 分页器:绘制基本元素
    • 分页器:页码绘制
    • 分页器:点击事件监听
    • 分页器:判断按钮的禁用
    • 分页器:页码变化回调
    • 分页器:总结
  • 插件开发案例:轮播图

    • 轮播图1:基本布局
    • 轮播图2:基本动画
    • 轮播图3:指示器
    • 轮播图4:自动播放
    • 轮播图5:代码整理
    • 轮播图6:重新更新指示器
    • 轮播图7:解决点击左右键时的跳动问题
    • 轮播图8:应对用户的疯狂点击
    • 轮播图9:双向轮回
    • 轮播图10:阻止回到页面时的批量渲染
    • 轮播图11:指示器获得焦点
    • 轮播图12:校正指示器点击序号(忽视视频13尾部)
    • 轮播图13:准备拖拽
    • 轮播图14:实现拖拽
    • 轮播图15:解决挂不住档的问题
    • 轮播图16:应对用户疯狂拖拽
    • 轮播图17:令鼠标的抬起匹配鼠标的按下
  • 正向代理案例:美图网

    • 正向代理:配置代理
    • 正向代理案例:美图网
    • 正向代理案例:获取数据
    • 正向代理案例:渲染页面
  • jQuery交互案例

    • 鼠标跟随
    • 返回顶部
    • 手风琴
    • 树状菜单
    • 选项卡滑动
    • 烟花JQ重构
回复
切换为未回复评论
切换为时间正序
请发表友善的回复…
发表回复
发表回复
按下Enter换行,Ctrl+Enter发表内容
编辑
预览
    轻敲空格完成输入
    • 显示为
    • 卡片
    • 标题
    • 链接

    反馈

    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈,我们将及时处理!

    课时介绍

    定时器

    课程介绍

    静态页面能有啥意思,有互动才叫炫酷前端!

    本教程为一个前端互动效果合集,包含许多实用的互动小案例以及分页器、轮播图、放大镜、绚烂烟花四个大案例;

    互动是对DOM、事件、动画的综合运用,熟练制作各种炫酷的交互效果你就能拿到大OFFER!

    还不速度学起来!

    最后,作为辣椒与啤酒养大的猿类动物,桫哥风格依旧水煮;

    推荐课程

    信息系统项目管理师自考笔记

    李明 · 780人在学

    python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

    王先生 · 22292人在学

    手把手搭建Java超市管理系统【附源码】(毕设)

    汤小洋 · 4238人在学

    Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

    黄菊华 · 803人在学

    基于SSM酒店管理系统(毕设)

    小尼老师 · 856人在学

    java项目实战之购物商城(java毕业设计)

    Long · 5171人在学

    手把手搭建Java求职招聘系统【附源码】(毕设)

    汤小洋 · 1517人在学

    Python Django 深度学习 小程序

    钟翔 · 2349人在学

    城管局门前三包管理系统+微信小程序(vue+springboot)

    赖国荣 · 617人在学

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

    李杰 · 4018人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00

      订阅失败

      JavaScript交互效果实战
      JavaScript交互效果实战 ...

      订阅列表已满,请先移出部分订阅内容。

      当前章节需购买后观看
      开通超级会员免费看!专家精选系列课程,满足你从入门到精通!更有问答月卡免费送,你的问题有问必答!
      提交答案

      购买课程

      扫码完成付费,可继续学习全部课程内容

      加载中...
      课件正在飞速打包中,请耐心等待几秒钟~

      视频问题反馈

      提交遇到的问题我们会尽快解决的 ~

      首页
      博客
      下载
      学习
      社区
      AI搜索
      GitCode
      InsCodeAI
      技术会议
      会员中心
      创作中心
      联系我们
      工作时间: 8:30 - 22:00
      客服电话: 400-660-0108
      kefu@csdn.net在线客服
      • 关于我们
      • 招贤纳士
      • 商务合作
      • 寻求报道
      • 友情链接
      • 视觉中国
      • 500px
      • 直聘网
      • 优设网
      • CSDN文库
      • CSDN下载
      • CSDN问答
      • 京IC文是P备号
      • 京ICP备19004658号
      • 经营性网站备案信息
      • 公安备案号11010502030143
      • 营业执照
      • 北京互联网违法和不良信息举报中心
      • 家长监护
      • 中国互联网举报中心
      • 网络110报警服务
      • Chrome商店下载
      • 账号管理规范
      • 版权与免责声明
      • 版权申诉
      • 出版物许可证
      • ©1999-2025北京创新乐知网络技术有限公司