这篇文章是对自己在学习 JS原生 的时候,做过的一些 简单实例 的一个总结:
- 这是一些简单的 JS 小实例,比较简单,适于初学者进行练手。
- 每个实例对应的源码,都部署在 github 上,点击旁边的实例链接,跳转查看源代码。
- 同时也可以在 github 中点击下载源码,自己在本地运行,浏览器中预览即可。
01_JS 基础实例 | 创建一个欢迎 cookie | 实例链接 |
02_JS 基础实例 | 七天免登录 | 实例链接 |
03_JS 基础实例 | 钟表 | 实例链接 |
04_JS 基础实例 | 透明度轮播 | 实例链接 |
05_JS 基础实例 | 水平轮播 | 实例链接 |
06_JS 基础实例 | 普通轮播 | 实例链接 |
07_JS 基础实例 | 级联菜单 | 实例链接 |
08_JS 基础实例 | 表单验证 | 实例链接 |
09_JS 基础实例 | 弹幕 | 实例链接 |
10_JS 基础实例 | 放大镜 | 实例链接 |
11_JS 基础实例 | 瀑布流 | 实例链接 |
12_JS 基础实例 | 吸顶菜单 | 实例链接 |
13_JS 基础实例 | 验证码 | 实例链接 |
14_JS 基础实例 | 回到顶部效果 | 实例链接 |
15_JS 基础实例 | CSS 日历样式 | 实例链接 |
16_JS 基础实例 | JS 弹窗 | 实例链接 |
17_JS 基础实例 | JS 进度条 | 实例链接 |
18_JS 基础实例 | JS 百分比进度条 | 实例链接 |
19_JS 基础实例 | 提示弹窗 | 实例链接 |
20_JS 基础实例 | 待办事项列表 | 实例链接 |
21_JS 基础实例 | 简易计算器 | 实例链接 |
22_JS 基础实例 | 下拉菜单效果 | 实例链接 |
23_JS 基础实例 | 各种操作信息提示效果 | 实例链接 |
24_JS 基础实例 | 屏幕底部弹出消息 | 实例链接 |
25_JS 基础实例 | 登录表单 | 实例链接 |
26_JS 基础实例 | 注册表单 | 实例链接 |
27_JS 基础实例 | 倒计时 | 实例链接 |
28_JS 基础实例 | CSS菜单按钮切换(打开&关闭) | 实例链接 |
29_JS 基础实例 | 手风琴效果 | 实例链接 |
30_JS 基础实例 | 水平选项卡 | 实例链接 |
31_JS 基础实例 | 垂直选项卡 | 实例链接 |
32_JS 基础实例 | 幻灯片效果 | 实例链接 |
33_JS 基础实例 | 响应式顶部导航 | 实例链接 |
34_JS 基础实例 | 侧边栏动画 | 实例链接 |
35_JS 基础实例 | 全屏幕导航 | 实例链接 |
36_JS 基础实例 | 点击式下拉菜单 | 实例链接 |
37_JS 基础实例 | 点击式导航栏下拉菜单 | 实例链接 |
38_JS 基础实例 | 菜单搜索过滤 | 实例链接 |
39_JS 基础实例 | JS 联想&自动补齐 | 实例链接 |
40_JS 基础实例 | 回车键(Enter)触发按钮点击事件 | 实例链接 |
41_JS 基础实例 | 判断是移动端浏览器还是PC端浏览器 | 实例链接 |
42_JS 基础实例 | 判断是否为微信浏览器 | 实例链接 |
43_JS 基础实例 | 模拟时钟 | 实例链接 |