百宝箱

• W3School 百宝箱

菜单

• 图标栏
• 菜单图标
• 手风琴
• 选项卡
• 垂直选项卡
• 选项卡标题
• 全页选项卡
• 悬停选项卡
• 顶部导航
• 响应式顶部导航
• 拆分导航
• 带图标的导航栏
• 搜索菜单
• 搜索栏
• 固定侧边栏
• 侧面导航
• 响应式侧边栏
• 全屏导航
• 画布外菜单
• 悬停侧导航按钮
• 带图标的侧边栏
• 水平滚动菜单
• 垂直菜单
• 底部导航
• 响应式底部导航
• 底部边框导航链接
• 右对齐菜单链接
• 居中菜单链接
• 等宽菜单链接
• 固定菜单
• 滚动时下滑栏
• 滚动时隐藏导航栏
• 滚动时缩小导航栏
• 粘性导航栏
• 图像上的导航栏
• 悬停下拉菜单
• 单击下拉菜单
• 级联下拉菜单
• 顶部导航栏中的下拉菜单
• 侧边导航栏中的下拉菜单
• 带下拉菜单的响应式导航栏
• 子导航菜单
• 上拉菜单
• 超级菜单
• 移动菜单
• 窗帘菜单
• 折叠的侧边栏
• 折叠的侧边面板
• 分页
• 面包屑导航
• 按钮组
• 垂直按钮组
• 粘性社交栏
• 药丸导航
• 响应式页眉

图像

• 幻灯片
• 幻灯片画廊
• 模态图像
• 灯箱
• 响应式图像网格
• 图像网格
• 图片库
• 可滚动图片库
• 选项卡式图片库
• 图像叠加淡出
• 图像叠加滑动
• 图像叠加缩放
• 图像叠加标题
• 图像叠加图标
• 图像效果
• 黑白图像
• 图片文本
• 图像文本块
• 透明图像文本
• 全页图片
• 图像上的表单
• 焦点图
• 模糊背景图像
• 滚动时切换背景
• 并排图像
• 圆角图像
• 头像图片
• 响应式图像
• 居中图像
• 缩略图
• 图像边框
• 团队介绍
• 粘性图像
• 翻转图像
• 抖动图片
• 作品集画廊
• 可筛选的作品集
• 图像缩放
• 图像放大镜
• 图片对比滑块
• 网站图标

按钮

• 警告按钮
• 轮廓按钮
• 分割按钮
• 动画按钮
• 渐变按钮
• 图像上的按钮
• 社交媒体按钮
• 阅读更多/阅读更少
• 加载按钮
• 下载按钮
• 药丸按钮
• 通知按钮
• 图标按钮
• 下一页/上一页按钮
• 导航中的更多按钮
• 块状按钮
• 文字按钮
• 圆角按钮
• 返回顶部按钮

表单

• 登录表单
• 注册表单
• 结帐表格
• 联系表单
• 社交登录表格
• 登记表单
• 带图标的表单
• 新闻订阅
• 堆叠表单
• 响应式表单
• 弹出表单
• 内联表单
• 清除输入框
• 隐藏数字箭头
• 复制文本到剪贴板
• 动画搜索
• 搜索按钮
• 全屏搜索
• 导航栏中的输入框
• 导航栏中的登录表单
• 自定义复选框/单选按钮
• 自定义选择框
• 切换开关
• 选中复选框
• 检测大写锁定
• 按回车键触发按钮
• 密码验证
• 切换密码可见性
• 多步骤表单
• 自动完成
• 关闭自动完成
• 关闭拼写检查
• 文件上传按钮
• 空输入验证

筛选器

• 筛选列表
• 筛选表格
• 筛选元素
• 筛选下拉菜单
• 排序列表
• 排序表格

表格

• 斑马纹表格
• 居中表格
• 全宽表格
• 嵌套表格
• 并列表格
• 响应式表格
• 对比表格

更多

• 全屏视频
• 模态框
• 删除模态框
• 时间线
• 滚动指示器
• 进度条
• 技能条
• 范围滑块
• 颜色选择器
• 邮箱字段
• 工具提示
• 悬停显示元素
• 弹出窗口
• 可折叠内容
• 日历
• HTML 包含
• 待办事项列表
• 加载器
• 徽章
• 星级评分
• 用户评分
• 覆盖效果
• 联系人芯片
• 卡片
• 翻转卡片
• 个人资料卡片
• 产品卡片
• 警告
• 提示框
• 笔记
• 标签
• 丝带
• 标签云
• 圆
• 样式化水平线
• 优惠券
• 列表组
• 带徽章的列表组
• 无项目符号的列表
• 响应式文本
• 剪影文字
• 发光文字
• 固定页脚
• 粘性元素
• 等高
• 清除浮动
• 响应式浮动
• 通知条
• 全屏窗口
• 滚动绘图
• 平滑滚动
• 渐变背景滚动
• 粘性页眉
• 滚动时缩小页眉
• 价格表
• 视差滚动
• 宽高比
• 响应式内联框架
• 切换喜欢/不喜欢
• 切换隐藏/显示
• 切换深色模式
• 切换文本
• 切换类
• 添加类
• 移除类
• 更改类
• 活动类
• 树状视图
• 移除小数
• 移除属性
• 离线检测
• 查找隐藏元素
• 重定向网页
• 格式化数字
• 悬停缩放
• 翻转盒子
• 垂直居中
• 在 DIV 中居中按钮
• 居中列表
• 悬停过渡
• 箭头
• 形状
• 下载链接
• 全高元素
• 浏览器窗口
• 自定义滚动条
• 隐藏滚动条
• 显示/强制显示滚动条
• 设备外观
• 可编辑内容的边框
• 占位符颜色
• 禁用文本区域调整大小
• 禁用文本选择
• 文本选择颜色
• 项目符号颜色
• 垂直线
• 分割线
• 文本分割线
• 动画图标
• 倒计时定时器
• 打字机效果
• 即将上线页面
• 聊天消息
• 弹出聊天窗口
• 分屏
• 客户评价
• 区块计数器
• 引语幻灯片
• 可关闭的列表项
• 典型的设备断点
• 可拖动的 HTML 元素
• JS 媒体查询
• 语法高亮器
• JS 动画
• JS 字符串长度
• JS 指数运算
• JS 默认参数
• JS 随机数
• JS 数值数组排序
• JS 展开运算符
• JS 滚动到视图
• 获取当前日期
• 获取当前网址
• 获取当前屏幕尺寸
• 获取 iframe 元素

网格

• 两列布局
• 三列布局
• 四列布局
• 扩展网格
• 列表网格视图
• 混合列布局
• 列卡片
• 之字形布局
• 博客布局

转换器

• 换算重量
• 换算温度
• 换算长度
• 换算速度

课程推荐：

• W3School 百宝箱

JavaScript 和 HTML DOM 参考手册

JavaScript 实例

JavaScript 测验

JavaScript 高级教程