开发手册 欢迎您!
软件开发者资料库

Material Design Lite - 工具提示

Material Design Lite工具提示 - 从简单和简单的步骤学习Material Design Lite,从基本到高级概念,包括概述,环境设置,布局,网格,标签,页脚,徽章,按钮,卡片,进度条,旋转器,菜单,滑块,复选框,单选按钮,图标,开关,数据表,文本字段,工具提示。

MDL提供了一系列CSS类来应用各种预定义的视觉和行为增强功能,并显示不同类型的工具提示.下表列出了可用的类及其效果.

Sr.No.Class Name&描述
1

mdl-tooltip

将容器标识为MDL工具提示,并且在工具提示容器元素上是必需的.

2

mdl-tooltip  -  large

设置大字体效果并且是可选的;继承工具提示容器元素.

示例

以下示例将帮助您了解使用 mdl-tooltip 类来显示不同类型的工具提示.

mdl_tooltips.htm

                                                  function showMessage(value) {            document.getElementById("message").innerHTML = value;         }                                                                                                                                                                                     
Simple TooltipLarge Tooltip
               add               Follow                           print               Print            
Rich TooltipMultiline Tooltip
               cloud_upload                Upload zip files                           share                                 Share your content
using social media            
      

结果

验证结果.