在不使用大量额外js引用的情况下,创建HTML,鼠标悬停工具提示的最简单,最干净的方法是什么?
<img id=Pennstate src="/blah" style="cursor:pointer;">
鼠标悬停在那上面并有一个很好的工具提示“我们是Pennstate!”
答案 0 :(得分:56)
最简单的方法是use native HTML title
attribute:
<img id=Pennstate src="/blah" style="cursor:pointer;" title="some text for tooltip">
但如果您需要更多内容,请尝试jQuery tootip plugin。
答案 1 :(得分:6)
如果您不关心工具提示的样子,您可以随时使用“title”属性
答案 2 :(得分:0)
在这里查看仅使用CSS http://sixrevisions.com/css/css-only-tooltips/
的工具提示自定义最简单的方法是jquery,但请查看qtip2 http://craigsworks.com/projects/qtip2/