这里有人为字体很棒的图标添加了工具提示吗?
我有关注 jsfiddle https://jsfiddle.net/HarrietFiddles/1btr64kw/1/,但似乎找不到向图标添加工具提示的指南。
<header>
<!-- icons for settings, change pwd and list of active sessions -->
<div id="menuIcons">
<i class="fa fa-cog"></i>
<i class="fa fa-user"></i>
<i class="fa fa-lock"></i>
</div>
<!-- display welcome text -->
<div id="welcomeText">
<p>Welcome Harriet</p>
</div>
</header>
向任何 HTML 输出(不仅仅是 FontAwesome)添加工具提示的问题本身就是一整本书。 ;-)
默认方法是使用标题属性:
<div id="welcomeText" title="So nice to see you!">
<p>Welcome Harriet</p>
</div>
or
<i class="fa fa-cog" title="Do you like my fa-cog icon?"></i>
但由于大多数人(包括我)不喜欢标准工具提示,因此有许多工具可以“美化”它们并提供各种增强功能。我个人最喜欢的是jBox http://stephanwagner.me/jBox/ and qtip2 http://qtip2.com.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)