HTML / CSS / JavaScript

案例大全

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

1046第 29 / 44 页
当前显示 24 个案例
0673表单与输入

展务入场单预算配置表

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

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

校园调度台命令面板

在校园调度台场景中完成命令面板:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

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

配送动态状态横幅

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

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

门诊剪藏盒折叠内容列表

在门诊剪藏盒场景中完成折叠内容列表:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

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

能耗记录行内编辑表

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

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

照护图鉴全宽穿插布局

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

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

创作发布周功能导览页

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

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

课程管理分组留存面板

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

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

照护备货单报价配置器

在照护备货单场景中完成报价配置器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

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

档案手账首字下沉版式

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

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

编目信号内容揭示动画

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

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

云湖港口星空穿梭效果

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

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

空气监测台趋势折线图

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

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

音频遥控台联网状态指示

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

浏览器媒体与设备能力联网状态指示HTMLCSSBrowser API
打开运行
0687小应用与小游戏

档案计划板便携计算器

在档案计划板场景中完成便携计算器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

小应用与小游戏便携计算器HTMLCSSJavaScript
打开运行
0688基础控件与选择器

客房套间分段选择器

在客房套间场景中完成分段选择器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器分段选择器HTMLCSSJavaScript
打开运行
0689表单与输入

展览报名条件问卷

在展览报名场景中完成条件问卷:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

表单与输入条件问卷HTMLCSSJavaScript
打开运行
0690导航与菜单

校园导览墙分组大菜单

在校园导览墙场景中完成分组大菜单:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

导航与菜单分组大菜单HTMLCSSJavaScript
打开运行
0691浮层与状态反馈

画廊操作单确认对话框

在画廊操作单场景中完成确认对话框:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈确认对话框HTMLCSSJavaScript
打开运行
0692卡片、列表与内容组织

门诊交接簿活动时间线

在门诊交接簿场景中完成活动时间线:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

卡片、列表与内容组织活动时间线HTMLCSSJavaScript
打开运行
0693表格与数据展示

展项复核表关系矩阵表

在展项复核表场景中完成关系矩阵表:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

表格与数据展示关系矩阵表HTML TableCSSJavaScript
打开运行
0694页面布局与响应式

照护简报经典三栏布局

在照护简报场景中完成经典三栏布局:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

页面布局与响应式经典三栏布局HTMLCSS GridResponsive Design
打开运行
0695营销与内容场景页

创作会员季叙事型首屏

在创作会员季场景中完成叙事型首屏:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

营销与内容场景页叙事型首屏HTMLCSSJavaScript
打开运行
0696仪表盘与后台界面

课程总台运营指挥台

在课程总台场景中完成运营指挥台:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

仪表盘与后台界面运营指挥台HTMLCSS GridJavaScript
打开运行