排序:
默认
按更新时间
按访问量
RSS订阅

Material Design Lite组件之工具提示

1.介绍Material Design Lite(MDL)工具提示组件是title属性生成的标准HTML工具提示的增强版本。 工具提示由文本和/或图像组成,当用户悬停在或在基于触摸的用户界面中触摸元素时,可以清楚地传达有关元素的附加信息。 MDL工具提示组件是预先设计的(颜色,字体和其他设置包含在...

2018-05-31 15:48:18

阅读数 150

评论数 0

Material Design Lite组件之文本框

1.介绍Material Design Lite(MDL)文本框组件是标准HTML <input type =“text”>和<input type =“textarea”>元素的增强版。文本字段由一个水平线组...

2018-05-31 15:37:19

阅读数 748

评论数 0

Material Design Lite组件之切换表格

1.介绍Material Design Lite(MDL)数据表组件是标准HTML <table>的增强版。数据表由行格式良好的数据和列组成,具有适当的用户交互功能。数据表中可用的行/列/单元格类型大多是自我格式化的;也就是说,一旦定义了数据表,单个单元...

2018-05-31 14:55:41

阅读数 210

评论数 0

Material Design Lite组件之切换按钮

1.复选框1.1.配置选项类名效果其他mdl-checkbox定义一个label作为MDL组件需要label标签mdl-js-checkbox为lable标签添加默认事件需要label标签mdl-checkbox__inputinput标签复选框样式使用在input元素上mdl-checkbox_...

2018-05-31 14:29:45

阅读数 98

评论数 0

Material Design Lite组件之提醒框

1.用法介绍为一个div容器添加mdl-js-snackbar和mdl-snackbar类设置为提醒框组件;在该容器内部添加一个类名mdl-snackbar__text的容器用于存放消息内容,并将其消息内容设置为空,用于弹出的时候添加内容;下面在添加一个button按钮,类名设置为mdl-snac...

2018-05-31 11:27:53

阅读数 846

评论数 0

Material Design Lite组件之滑块

1.介绍Material Design Lite(MDL)滑块组件是新HTML5 <input type =“range”>元素的增强版。 一个滑块由一个水平线组成,在该水平线上放置一个小的可移动光盘(拇指),并且通常包含明确传达用户移动时设置的值的文本...

2018-05-31 09:55:34

阅读数 730

评论数 0

Material Design Lite组件之菜单

1.介绍Material Design Lite(MDL)菜单组件是一个用户界面元素,允许用户从多个选项中选择一个。 选择通常会导致动作启动,设置更改或其他可观察的效果。 菜单选项总是以两个或更多的集合呈现,并且可以根据需要以编程方式启用或禁用选项。 当用户被要求在一系列选项中进行选择时会出现菜单...

2018-05-30 23:30:27

阅读数 158

评论数 0

Material Design Lite组件之进度指示器

1.进度条1.1.介绍Material Design Lite(MDL)进度组件是网页或应用程序中背景活动的可视指示器。 进度指示器包含一个(通常)水平条,其中包含一些传达运动感的动画。 虽然一些进度设备指示完成的大致或特定百分比,但MDL进度组件仅传达活动正在进行且尚未完成的事实。进度指示器是用...

2018-05-30 22:06:50

阅读数 116

评论数 0

Material Design Lite组件之列表

1.介绍无2.配置选项MDL ClassEffectRemark.mdl-list定义MDL列表组件必需.mdl-list__item定义列表栏目必需.mdl-list__item--two-line定义列表栏目为两行可选.mdl-list__item--three-line定义列表栏目为三行可选...

2018-05-30 18:42:11

阅读数 398

评论数 0

Material Design Lite组件之布局

1.导航布局1.1.介绍Material Design Lite(MDL)布局组件是一种全面的页面布局方法,它使用MDL开发原则,允许高效使用MDL组件,并自动适应不同的浏览器,屏幕大小和设备。无论站点的内容或功能如何,适当和易于访问的布局都是所有用户界面的关键特征。页面设计和展示因此是整体用户体...

2018-05-30 18:06:23

阅读数 222

评论数 0

Material Design Lite组件之对话框

1.介绍要使用对话框组件,您必须使用支持对话框元素的浏览器。在撰写本文时,只有Chrome和Opera有本地支持。对于其他浏览器,您需要包含对话框填充或创建自己的。一旦你有对话支持创建一个对话框元素。使用polyfill时的元素必须是body元素的子元素。在该容器中,添加一个内容元素与类mdl-d...

2018-05-30 14:11:27

阅读数 170

评论数 0

Material Design Lite组件之小纸片

1.介绍Material Design Lite(MDL)小纸片是一个小型的互动元件。 小纸片通常用于联系人,文本,规则,图标和照片。2.配置选项类名效果其他mdl-chip定义一个元素为MDL小纸片组件必需mdl-chip--contact在小纸片内设置衔接可选mdl-chip__text定义小...

2018-05-30 11:48:14

阅读数 135

评论数 0

Material Design Lite组件之卡片

1.介绍Material Design Lite(MDL)卡组件是一个用户界面元素,用于表示包含相关数据(如照片,文本和链接)的虚拟纸张,这些数据都是关于单个主题的。卡片是连贯显示由不同类型的对象组成的相关内容的便利手段。 它们也非常适合呈现类似的物体,其尺寸或支持的动作可能会有很大差异,例如具有...

2018-05-30 11:09:20

阅读数 130

评论数 0

Material Design Lite组件之按钮

1.介绍Material Design Lite(MDL)按钮组件是标准HTML <button>元素的增强版。 一个按钮由文字和/或图像组成,清楚地表明用户点击或触摸时会发生什么动作。 MDL按钮组件提供各种类型的按钮,并允许您添加显示效果和点击效果。...

2018-05-29 22:26:43

阅读数 146

评论数 0

Material Design Lite组件之徽章

1.介绍Material Design Lite(MDL)徽章组件是一个屏幕上的通知元素。徽章由一个小圆圈组成,通常包含数字或其他字符,这些圆圈出现在另一个物体附近。徽章既可以是通知者,也可以是与对象相关的其他项目以及有多少项目的指示符。您可以使用徽章不显眼地将用户的注意力吸引到他们可能不会注意到...

2018-05-29 17:42:46

阅读数 95

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭