HTML / CSS / JavaScript

案例大全

选择一个完整案例,直接查看效果、修改源码并在浏览器中运行。

1046第 39 / 44 页
当前显示 24 个案例
0913基础控件与选择器

餐柜配置车范围调节器

在餐柜配置车场景中完成范围调节器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器范围调节器HTMLCSSJavaScript
打开运行
0914表单与输入

维修预约摘要确认表单

在维修预约场景中完成摘要确认表单:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

表单与输入摘要确认表单HTMLCSSJavaScript
打开运行
0915导航与菜单

门诊服务厅面包屑导航

在门诊服务厅场景中完成面包屑导航:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

导航与菜单面包屑导航HTMLCSSJavaScript
打开运行
0916浮层与状态反馈

导师签到铃消息提示栈

在导师签到铃场景中完成消息提示栈:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈消息提示栈HTMLCSSJavaScript
打开运行
0917卡片、列表与内容组织

田野故事架故事轮播卡片

在田野故事架场景中完成故事轮播卡片:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

卡片、列表与内容组织故事轮播卡片HTMLCSSJavaScript
打开运行
0918表格与数据展示

备件库存组合筛选表

在备件库存场景中完成组合筛选表:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

表格与数据展示组合筛选表HTML TableCSSJavaScript
打开运行
0919页面布局与响应式

田野图鉴杂志编辑网格

在田野图鉴场景中完成杂志编辑网格:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

页面布局与响应式杂志编辑网格HTMLCSS GridResponsive Design
打开运行
0920营销与内容场景页

播客故事会问答转化区

在播客故事会场景中完成问答转化区:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

营销与内容场景页问答转化区HTMLCSSJavaScript
打开运行
0921仪表盘与后台界面

温室服务网日历热力面板

在温室服务网场景中完成日历热力面板:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

仪表盘与后台界面日历热力面板HTMLCanvasJavaScript
打开运行
0922基础控件与选择器

餐柜任务架评分刻度

在餐柜任务架场景中完成评分刻度:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器评分刻度HTMLCSSJavaScript
打开运行
0923表单与输入

轮班确认卡预算配置表

在轮班确认卡场景中完成预算配置表:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

表单与输入预算配置表HTMLCSSJavaScript
打开运行
0924导航与菜单

门诊访问卡命令面板

在门诊访问卡场景中完成命令面板:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

导航与菜单命令面板HTMLCSSJavaScript
打开运行
0925浮层与状态反馈

导师确认卡状态横幅

在导师确认卡场景中完成状态横幅:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈状态横幅HTMLCSSJavaScript
打开运行
0926卡片、列表与内容组织

田野巡查线折叠内容列表

在田野巡查线场景中完成折叠内容列表:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

卡片、列表与内容组织折叠内容列表HTMLCSSJavaScript
打开运行
0927表格与数据展示

场地预约行内编辑表

在场地预约场景中完成行内编辑表:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

表格与数据展示行内编辑表HTML TableCSSJavaScript
打开运行
0928页面布局与响应式

田野报告全宽穿插布局

在田野报告场景中完成全宽穿插布局:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

页面布局与响应式全宽穿插布局HTMLCSS GridResponsive Design
打开运行
0929营销与内容场景页

修护计划功能导览页

在修护计划场景中完成功能导览页:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

营销与内容场景页功能导览页HTMLCSSJavaScript
打开运行
0930仪表盘与后台界面

温室值班簿分组留存面板

在温室值班簿场景中完成分组留存面板:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

仪表盘与后台界面分组留存面板HTML TableCSSJavaScript
打开运行
0931商务与服务流程

门诊领取窗报价配置器

在门诊领取窗场景中完成报价配置器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

商务与服务流程报价配置器HTMLCSSJavaScript
打开运行
0932文字排版与文本效果

课堂札记首字下沉版式

在课堂札记场景中完成首字下沉版式:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

文字排版与文本效果首字下沉版式HTMLCSS GridResponsive Design
打开运行
0933动画与微交互

门诊阶段内容揭示动画

在门诊阶段场景中完成内容揭示动画:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

动画与微交互内容揭示动画HTMLCSS AnimationJavaScript
打开运行
0934创意视觉效果

珊瑚房星空穿梭效果

在珊瑚房场景中完成星空穿梭效果:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

创意视觉效果星空穿梭效果HTMLCanvasJavaScript
打开运行
0935绘图与数据可视化

公共队列趋势折线图

在公共队列场景中完成趋势折线图:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

绘图与数据可视化趋势折线图HTMLCanvasJavaScript
打开运行
0936浏览器媒体与设备能力

门诊记录器联网状态指示

在门诊记录器场景中完成联网状态指示:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浏览器媒体与设备能力联网状态指示HTMLCSSBrowser API
打开运行