首页 >web前端 >html教程 >tooltips 纯css打造的工具提示,只有CSS_html/css_WEB-ITnose

tooltips 纯css打造的工具提示,只有CSS_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-21 08:51:441202浏览

示例

气泡方向:上、下、左、右

<button data-tooltips="向上提示" data-tooltips-pos="up">向上提示</button>

<button data-tooltips="向左提示" data-tooltips-pos="left">向左提示</button>

<button data-tooltips="向右提示" data-tooltips-pos="right">向右提示</button>

<button data-tooltips="向下提示" data-tooltips-pos="down">向下提示</button>

气泡长度:小、中、大、宽度适合于元素

<button data-tooltips-length="small" data-tooltips="我是小提示" data-tooltips-pos="up">我是小提示</button>

<button data-tooltips-length="medium" data-tooltips="我是中等提示" data-tooltips-pos="up">我是中等提示</button>

<button data-tooltips-length="large" data-tooltips="我是大提示" data-tooltips-pos="up">我是大提示</button>

<button data-tooltips-length="xlarge" data-tooltips="我是一个超大的提示" data-tooltips-pos="up">我是一个超大的提示</button>

<button data-tooltips-length="fit" data-tooltips="宽度适合于元素提示" data-balloon-pos="up">宽度适合于元素提示</button>

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn