8.6 工具提示
8.6 工具提示
我们在网页上经常会看到一种效果:当用户把鼠标悬停在某个按钮或链接上时,该按钮和链接上会出现一段提示信息,这段提示信息可以对该按钮或链接进行更详细的说明,这种提示信息就是工具提示。
实际上,浏览器本身已经提供了工具提示的支持,只要开发者为按钮或链接设置title
属性,浏览器会自动将该title
属性的值以工具提示的方式显示出来。但浏览器本身提供的工具提示比较简陋:背景色始终是淡黄色,而且字体也比较简单,远远谈不上优雅和美观。为此,Bootstrap
提供了更美观的工具提示。Bootstrap
的工具提示插件依赖tooltip.js
库。这个JS
库包含在bootstrap.js
或bootstrap.min.js
中。