HTML / CSS / JavaScript

浮层与状态反馈

对话框、抽屉、提示、通知与操作反馈。

71个分类案例
当前显示 71 个案例
0002浮层与状态反馈

模态对话框

使用原生 dialog 元素实现可访问的确认对话框。

HTMLCSSJavaScriptDialog
打开运行
0024浮层与状态反馈

文档审阅确认对话框

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

浮层与状态反馈确认对话框HTMLCSSJavaScript
打开运行
0040浮层与状态反馈

文档审阅侧边抽屉

在文档审阅场景中完成侧边抽屉:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈侧边抽屉HTMLCSSJavaScript
打开运行
0056浮层与状态反馈

文档审阅消息提示栈

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

浮层与状态反馈消息提示栈HTMLCSSJavaScript
打开运行
0072浮层与状态反馈

文档审阅帮助浮层

在文档审阅场景中完成帮助浮层:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈帮助浮层HTMLCSSJavaScript
打开运行
0088浮层与状态反馈

文档审阅键盘工具提示

在文档审阅场景中完成键盘工具提示:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈键盘工具提示HTMLCSSJavaScript
打开运行
0104浮层与状态反馈

文档审阅状态横幅

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

浮层与状态反馈状态横幅HTMLCSSJavaScript
打开运行
0120浮层与状态反馈

文档审阅通知中心

在文档审阅场景中完成通知中心:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈通知中心HTMLCSSJavaScript
打开运行
0136浮层与状态反馈

文档审阅上下文操作单

在文档审阅场景中完成上下文操作单:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈上下文操作单HTMLCSSJavaScript
打开运行
0152浮层与状态反馈

文档审阅底部操作面板

在文档审阅场景中完成底部操作面板:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈底部操作面板HTMLCSSJavaScript
打开运行
0168浮层与状态反馈

文档审阅进度遮罩

在文档审阅场景中完成进度遮罩:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈进度遮罩HTMLCSSJavaScript
打开运行
0184浮层与状态反馈

任务中心确认对话框

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

浮层与状态反馈确认对话框HTMLCSSJavaScript
打开运行
0200浮层与状态反馈

任务中心侧边抽屉

在任务中心场景中完成侧边抽屉:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈侧边抽屉HTMLCSSJavaScript
打开运行
0216浮层与状态反馈

任务中心消息提示栈

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

浮层与状态反馈消息提示栈HTMLCSSJavaScript
打开运行
0232浮层与状态反馈

任务中心帮助浮层

在任务中心场景中完成帮助浮层:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈帮助浮层HTMLCSSJavaScript
打开运行
0248浮层与状态反馈

任务中心键盘工具提示

在任务中心场景中完成键盘工具提示:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈键盘工具提示HTMLCSSJavaScript
打开运行
0264浮层与状态反馈

任务中心状态横幅

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

浮层与状态反馈状态横幅HTMLCSSJavaScript
打开运行
0280浮层与状态反馈

任务中心通知中心

在任务中心场景中完成通知中心:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈通知中心HTMLCSSJavaScript
打开运行
0296浮层与状态反馈

任务中心上下文操作单

在任务中心场景中完成上下文操作单:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈上下文操作单HTMLCSSJavaScript
打开运行
0312浮层与状态反馈

任务中心底部操作面板

在任务中心场景中完成底部操作面板:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈底部操作面板HTMLCSSJavaScript
打开运行
0328浮层与状态反馈

任务中心进度遮罩

在任务中心场景中完成进度遮罩:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈进度遮罩HTMLCSSJavaScript
打开运行
0344浮层与状态反馈

照片库确认对话框

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

浮层与状态反馈确认对话框HTMLCSSJavaScript
打开运行
0359浮层与状态反馈

照片库侧边抽屉

在照片库场景中完成侧边抽屉:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈侧边抽屉HTMLCSSJavaScript
打开运行
0374浮层与状态反馈

照片库消息提示栈

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

浮层与状态反馈消息提示栈HTMLCSSJavaScript
打开运行
0389浮层与状态反馈

照片库帮助浮层

在照片库场景中完成帮助浮层:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈帮助浮层HTMLCSSJavaScript
打开运行
0404浮层与状态反馈

照片库键盘工具提示

在照片库场景中完成键盘工具提示:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈键盘工具提示HTMLCSSJavaScript
打开运行
0417浮层与状态反馈

照片库状态横幅

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

浮层与状态反馈状态横幅HTMLCSSJavaScript
打开运行
0430浮层与状态反馈

照片库通知中心

在照片库场景中完成通知中心:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈通知中心HTMLCSSJavaScript
打开运行
0443浮层与状态反馈

照片库上下文操作单

在照片库场景中完成上下文操作单:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈上下文操作单HTMLCSSJavaScript
打开运行
0525浮层与状态反馈

账号安全底部操作面板

在账号安全场景中完成底部操作面板:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈底部操作面板HTMLCSSJavaScript
打开运行
0541浮层与状态反馈

照护提醒进度遮罩

在照护提醒场景中完成进度遮罩:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈进度遮罩HTMLCSSJavaScript
打开运行
0550浮层与状态反馈

签到台状态横幅

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

浮层与状态反馈状态横幅HTMLCSSJavaScript
打开运行
0566浮层与状态反馈

门诊提醒确认对话框

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

浮层与状态反馈确认对话框HTMLCSSJavaScript
打开运行
0575浮层与状态反馈

门诊操作单上下文操作单

在门诊操作单场景中完成上下文操作单:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈上下文操作单HTMLCSSJavaScript
打开运行
0591浮层与状态反馈

门诊提醒室帮助浮层

在门诊提醒室场景中完成帮助浮层:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈帮助浮层HTMLCSSJavaScript
打开运行
0600浮层与状态反馈

门诊签到铃底部操作面板

在门诊签到铃场景中完成底部操作面板:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈底部操作面板HTMLCSSJavaScript
打开运行
0616浮层与状态反馈

门诊确认卡通知中心

在门诊确认卡场景中完成通知中心:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈通知中心HTMLCSSJavaScript
打开运行
0625浮层与状态反馈

门诊校样笺进度遮罩

在门诊校样笺场景中完成进度遮罩:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈进度遮罩HTMLCSSJavaScript
打开运行
0641浮层与状态反馈

门诊复核台侧边抽屉

在门诊复核台场景中完成侧边抽屉:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈侧边抽屉HTMLCSSJavaScript
打开运行
0650浮层与状态反馈

门诊支援条键盘工具提示

在门诊支援条场景中完成键盘工具提示:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈键盘工具提示HTMLCSSJavaScript
打开运行
0666浮层与状态反馈

门诊更新窗消息提示栈

在门诊更新窗场景中完成消息提示栈:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈消息提示栈HTMLCSSJavaScript
打开运行
0675浮层与状态反馈

配送动态状态横幅

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

浮层与状态反馈状态横幅HTMLCSSJavaScript
打开运行
0691浮层与状态反馈

画廊操作单确认对话框

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

浮层与状态反馈确认对话框HTMLCSSJavaScript
打开运行
0700浮层与状态反馈

画廊提醒室上下文操作单

在画廊提醒室场景中完成上下文操作单:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈上下文操作单HTMLCSSJavaScript
打开运行
0716浮层与状态反馈

画廊签到铃帮助浮层

在画廊签到铃场景中完成帮助浮层:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈帮助浮层HTMLCSSJavaScript
打开运行
0725浮层与状态反馈

画廊确认卡底部操作面板

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

浮层与状态反馈底部操作面板HTMLCSSJavaScript
打开运行
0741浮层与状态反馈

画廊校样通知中心

在画廊校样场景中完成通知中心:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈通知中心HTMLCSSJavaScript
打开运行
0750浮层与状态反馈

画廊校样笺进度遮罩

在画廊校样笺场景中完成进度遮罩:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈进度遮罩HTMLCSSJavaScript
打开运行
0766浮层与状态反馈

画廊复核台侧边抽屉

在画廊复核台场景中完成侧边抽屉:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈侧边抽屉HTMLCSSJavaScript
打开运行
0775浮层与状态反馈

画廊支援条键盘工具提示

在画廊支援条场景中完成键盘工具提示:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈键盘工具提示HTMLCSSJavaScript
打开运行
0791浮层与状态反馈

画廊更新窗消息提示栈

在画廊更新窗场景中完成消息提示栈:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈消息提示栈HTMLCSSJavaScript
打开运行
0800浮层与状态反馈

温室巡检状态横幅

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

浮层与状态反馈状态横幅HTMLCSSJavaScript
打开运行
0816浮层与状态反馈

资助审阅确认对话框

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

浮层与状态反馈确认对话框HTMLCSSJavaScript
打开运行
0825浮层与状态反馈

实验室告警上下文操作单

在实验室告警场景中完成上下文操作单:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈上下文操作单HTMLCSSJavaScript
打开运行
0841浮层与状态反馈

课程提示帮助浮层

在课程提示场景中完成帮助浮层:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈帮助浮层HTMLCSSJavaScript
打开运行
0850浮层与状态反馈

媒体队列底部操作面板

在媒体队列场景中完成底部操作面板:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈底部操作面板HTMLCSSJavaScript
打开运行
0866浮层与状态反馈

会议运营通知中心

在会议运营场景中完成通知中心:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈通知中心HTMLCSSJavaScript
打开运行
0875浮层与状态反馈

会员中心进度遮罩

在会员中心场景中完成进度遮罩:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈进度遮罩HTMLCSSJavaScript
打开运行
0891浮层与状态反馈

导师操作单侧边抽屉

在导师操作单场景中完成侧边抽屉:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈侧边抽屉HTMLCSSJavaScript
打开运行
0900浮层与状态反馈

导师提醒室键盘工具提示

在导师提醒室场景中完成键盘工具提示:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈键盘工具提示HTMLCSSJavaScript
打开运行
0916浮层与状态反馈

导师签到铃消息提示栈

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

浮层与状态反馈消息提示栈HTMLCSSJavaScript
打开运行
0925浮层与状态反馈

导师确认卡状态横幅

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

浮层与状态反馈状态横幅HTMLCSSJavaScript
打开运行
0941浮层与状态反馈

导师批注确认对话框

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

浮层与状态反馈确认对话框HTMLCSSJavaScript
打开运行
0950浮层与状态反馈

导师校样笺上下文操作单

在导师校样笺场景中完成上下文操作单:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈上下文操作单HTMLCSSJavaScript
打开运行
0966浮层与状态反馈

导师复核台帮助浮层

在导师复核台场景中完成帮助浮层:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈帮助浮层HTMLCSSJavaScript
打开运行
0975浮层与状态反馈

导师支援条底部操作面板

在导师支援条场景中完成底部操作面板:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈底部操作面板HTMLCSSJavaScript
打开运行
0991浮层与状态反馈

导师更新窗通知中心

在导师更新窗场景中完成通知中心:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈通知中心HTMLCSSJavaScript
打开运行
1000浮层与状态反馈

审批操作单进度遮罩

在审批操作单场景中完成进度遮罩:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈进度遮罩HTMLCSSJavaScript
打开运行
1016浮层与状态反馈

审批提醒室侧边抽屉

在审批提醒室场景中完成侧边抽屉:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈侧边抽屉HTMLCSSJavaScript
打开运行
1025浮层与状态反馈

审批签到铃键盘工具提示

在审批签到铃场景中完成键盘工具提示:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈键盘工具提示HTMLCSSJavaScript
打开运行
1041浮层与状态反馈

审批确认卡消息提示栈

在审批确认卡场景中完成消息提示栈:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

浮层与状态反馈消息提示栈HTMLCSSJavaScript
打开运行