首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

新手学JavaScript(三)----超酷消息警告框插件(SweetAlert)

今天给大家推荐一款不错的超酷消息警告框–SweetAlert;SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。...它的提示框不仅美丽动人,并且允许自定义,支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。和传统的alert相比: ?...ixc5vbvz/sweetalert.css"/> <script src="http://sandbox.runjs.cn/uploads/rs/499/ixc5vbvz/sweetalert.min.<em>js</em>...API ---- 参数 描述 默认值 title <em>提示框</em>标题 - text 提示内容 - type 提示类型,有:success(成功),error(错误),warning(<em>警告</em>),input(输入)。...- animation <em>提示框</em>弹出时的动画效果,如slide-from-top(从顶部滑下)等 - html 是否支持html内容。 - timer 设置自动关闭<em>提示框</em>时间(毫秒)。

6K20

Material Design — 提示框( Dialogs)

分类 ·警告(Alerts)是紧急中断,通知有关情况并要求确认。...---- 警告(Alerts) 警报是紧急中断,需要确认,通知用户有关情况。 Snackbars消除歧义:Snackbars在行动后提供可选信息,例如确认放弃草稿。...警告没有标题栏 大多数警告不需要标题。 他们用以下的方式以一两句话来总结一个决定,例如: ·提出问题(例如“删除此对话?”) ·做出与操作按钮有关的声明 ?...按钮文案要明确说明接下来将发生的操作 带有标题的警告 仅对高风险情况使用带标题的警告,例如连接可能丢失。 用户应该能够仅根据标题和按钮文本来理解选择。...·避免道歉,模棱两可或提问,例如“警告!”或“你确定吗?” ? 标题要明确告知结果 ---- 简单菜单 仅限手机和平板电脑 消除歧义:简单提示框显示列表项目的详细选项或提供相关操作。

4.9K101
领券