36个JavaScript特效实战教程：从基础到高级（附完整源码）

本教程精选36个JavaScript实战案例，覆盖从基础入门到高级应用的完整学习路径。内容涵盖DOM操作、BOM应用、jQuery技巧及正则表达式等核心知识点，每个案例均配有详细教学视频与完整源码，帮助开发者系统掌握JavaScript的实战技能。

教程从简版计算器、网页日历等基础项目入手，逐步深入到Cookie自定义模板、弹窗广告位、动态创建表格、鼠标拖拽事件等交互功能。DOM部分包含固定导航栏、角色扮演游戏模型、全项表单验证、三级联动菜单、可编辑表格等经典案例，帮助理解前端页面控制的底层逻辑。

jQuery部分则聚焦实际开发中的高频场景，如轮播图、跑马灯、淘宝精品展示、复选框全选反选、下拉菜单、选项卡等，提升开发效率。最后通过Ajax版本聊天室案例，展示前后端数据交互的实现思路，为进阶学习打下基础。

无论你是刚接触JavaScript的初学者，还是希望巩固实战能力的开发者，这套教程都能提供清晰的教学引导和可直接复用的代码参考，助力你在前端开发中快速成长。

文件目录树：

• 01 简版计算器（js版）.mp4
• 02 网页日历开发过程（js版）.mp4
• 03 正则表达式的编写思路（js版）.mp4
• 04 通过Cookie用户自定义模板（bom版）.mp4
• 05 网页的弹窗广告位（bom版）.mp4
• 06 DOM动画在区域内的弹球（dom版）.mp4
• 07 动态创建表格（dom版）.mp4
• 08 跟随鼠标移动的图片（dom版）.mp4
• 09 固定导航栏（dom版）.mp4
• 10 角色扮演游戏模型（dom版）.mp4
• 11 模拟鼠标拖拽事件（dom版）.mp4
• 12 权限选择表单（dom版）.mp4
• 13 全项表单验证案例（dom版）.mp4
• 14 三级联动菜单（dom版）.mp4
• 15 伸缩菜单案例（dom版）.mp4
• 16 实现可编辑的表格（dom版）.mp4
• 17 网页中滚动的图片（dom版）.mp4
• 18 选项卡实例（dom版）.mp4
• 19 在屏幕上定位的广告（dom版）.mp4
• 20 自定义DOM导航函数只获取元素节点（dom版）.mp4
• 21 自定义方法通过类名获取元素集合（dom版）.mp4
• 22 自定义扩展DOM获取所有同胞的方法（dom版）.mp4
• 23 滚动位置和固定导航栏案例（jQuery版）.mp4
• 24 屏幕弹球位置操作（jQuery版）.mp4
• 25 图片突出显示（jQuery版）.mp4
• 26 下拉菜单案例（jQuery版）.mp4
• 27 动态创建表格案例（jQuery版）.mp4
• 28 复选框全选和反选案例（jQuery版）.mp4
• 29 可编辑的表格（jQuery版）.mp4
• 30 轮播图实现（jQuery版）.mp4
• 31 跑马灯案例（jQuery版）.mp4
• 32 淘宝精品展示案例（jQuery版）.mp4
• 33 网关开关灯的效果（jQuery版）.mp4
• 34 选项卡案例（jQuery版）.mp4
• 35 选择器应用（jQuery版）.mp4
• 36 Ajax版本聊天室.mp4