什么是创建HTML的最简单方法,鼠标悬停在工具提示上?

时间:2011-09-21 16:21:09

标签: html tooltip

在不使用大量额外js引用的情况下,创建HTML,鼠标悬停工具提示的最简单,最干净的方法是什么?

<img id=Pennstate src="/blah" style="cursor:pointer;">

鼠标悬停在那上面并有一个很好的工具提示“我们是Pennstate!”

3 个答案:

答案 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/